/Web-Dev-Frontend

Front-End Development Repo

Primary LanguageJavaScript

<  WEB -- DEV -- FRONTEND  >

              

              

              

              

         

HTML + CSS

  • Day 1 & 2 : Applying HTML + CSS
  • Day 3 : Resume : PAGE LINK
  • Day 4 : Clock using CSS Animation : PAGE LINK
  • Day 5 : Basic Calculator : PAGE LINK

JS

  • Day 6 : JS Programming Questions [PDF in Day6 folder]
  • Day 7 & 8 : Solving more questions in JS
  • Day 9 : Seat Booking page : PAGE LINK
  • Day 10 : Memory Card Game : REPO LINK : PAGE LINK
  • Day 11 : Harry Potter Quizzinga : PAGE LINK
  • Day 12 : To-Do List (using Local Storage) 📝: PAGE LINK
  • Day 13 : MEME's API + Discord Webhooks : PAGE LINK
  • Day 14 : study evenListeners

REACT

  • Day 15 : Intro to React (Hello World) : PAGE LINK
  • Day 16 :
  • Day 17 : Food Calories Card (using props) : PAGE LINK
  • Day 18 : Chess Board 2 ♟️ (using conditional props) : PAGE LINK
  • Day 19 : Button Counter (useState) : PAGE LINK
  • Day 20 : Food Card App (delete function) : PAGE LINK
  • Day 21 : Food Card App (add + delete + edit function) : PAGE LINK
  • Day 22 : Meme Generator App : REPO LINK : PAGE LINK
  • Day 23 : Study Custom Hooks and React Routing
  • Day 24 : Profile Dashboard (States[Loading and Login] and React Router) : PAGE LINK
  • Day 25 : Bootstrap & Tailwind css 👋
  • Day 26 : Redux ( Form : Username && Password ) : PAGE LINK
  • Day 27 : TODO App Redux 📝: PAGE LINK
  • Day 28 : Weather Web App ⛅ : REPO LINK : PAGE LINK
  • Day 29 : Weather Web App with Redux + Dark Mode 🌦 💻: REPO LINK : PAGE LINK
  • Day 30 && 31 : E-Commerce Website using TypeScript (Not Completed -- will complete after Day 34)

TypeScript

  • Day 32 : Basic Use of TypeScript with React
  • Day 33 : Todo App 📝 using TypeScript + Hooks : PAGE LINK
  • Day 34 : Todo App with Redux + TypeScript

EXTRAs