Skip to content

Instantly share code, notes, and snippets.

Avatar

Adrian Hajdin - JS Mastery adrianhajdin

View GitHub Profile
@adrianhajdin
adrianhajdin / constants.js
Created Aug 26, 2022
Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5
View constants.js
import MusicNoteIcon from '@mui/icons-material/MusicNote';
import HomeIcon from '@mui/icons-material/Home';
import CodeIcon from '@mui/icons-material/Code';
import OndemandVideoIcon from '@mui/icons-material/OndemandVideo';
import SportsEsportsIcon from '@mui/icons-material/SportsEsports';
import LiveTvIcon from '@mui/icons-material/LiveTv';
import SchoolIcon from '@mui/icons-material/School';
import FaceRetouchingNaturalIcon from '@mui/icons-material/FaceRetouchingNatural';
import CheckroomIcon from '@mui/icons-material/Checkroom';
import GraphicEqIcon from '@mui/icons-material/GraphicEq';
View constants
import { people01, people02, people03, facebook, instagram, linkedin, twitter, airbnb, binance, coinbase, dropbox, send, shield, star } from "../assets";
export const navLinks = [
{
id: "home",
title: "Home",
},
{
id: "features",
title: "Features",
@adrianhajdin
adrianhajdin / index.js
Created Jul 29, 2022
I Abandoned Postman for This NEW VS Code Extension | Build, Test & Sell APIs 🤑
View index.js
import axios from 'axios';
const getCountries = async (currencyCode) => {
try {
const response = await axios.get(`https://restcountries.com/v3.1/currency/${currencyCode}`);
return response.data.map(country => country.name.common);
} catch (error) {
throw new Error(`Unable to get countries that use ${currencyCode}`);
}
@adrianhajdin
adrianhajdin / globals.css
Created Jul 2, 2022
Build and Deploy a Full Stack TikTok Clone Application and Master TypeScript | Full Course (Part 1)
View globals.css
@tailwind base;
@tailwind components;
@tailwind utilities;
html,
body {
padding: 0;
margin: 0;
box-sizing: border-box;
}
@adrianhajdin
adrianhajdin / App.css
Created Jun 11, 2022
Build and Deploy a Modern React 18 Fitness Exercises App With APIs | Golds Gym
View App.css
body {
font-family: 'Josefin Sans';
background-color: #FFFAFB;
}
* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
@adrianhajdin
adrianhajdin / App.css
Last active Oct 2, 2022
Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More
View App.css
@import url('https://cdn.syncfusion.com/ej2/material.css');
.sidebar {
box-shadow: rgb(113 122 131 / 11%) 0px 7px 30px 0px;
}
.nav-item,
.navbar {
z-index: 10000;
}
@media screen and (max-width:800px) {
View eslintrc.js
// eslintrc.js
module.exports = {
env: {
browser: true,
es6: true,
},
extends: [
'plugin:react/recommended',
'airbnb',
],
@adrianhajdin
adrianhajdin / StateContext.js
Last active Oct 1, 2022
Build and Deploy a Modern Full Stack ECommerce Application with Stripe
View StateContext.js
import React, { createContext, useContext, useState, useEffect } from 'react';
import { toast } from 'react-hot-toast';
const Context = createContext();
export const StateContext = ({ children }) => {
const getLocalStorage = (name) => {
if (typeof window !== 'undefined') {
const storage = localStorage.getItem(name);
@adrianhajdin
adrianhajdin / Assets
Created Apr 1, 2022
React Native - NFT Marketplace
View Assets
https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/react-native-nft-marketplace/tree/main/assets
@adrianhajdin
adrianhajdin / Assets
Created Apr 1, 2022
React Native - NFT Marketplace Showcase
View Assets
https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/nft-marketplace-showcase/tree/main/src/assets