---

WEB DEVELOPMENT FRONTEND

---

DAY	TOPIC	THA	REPO LINK	LIVE LINK
01	Introduction to HTML	Create a letter template as per given image	THA01
02	Introduction to CSS	Style the letter template from prrvious THA using CSS	THA02
03	Continuing with CSS	Create a resume template as per given image with use of CSS and HTML	THA03
04	Position, Display, Overflow in CSS	Make an analog clock	THA04
05	Introduction to Javascript	Covering the basics	THA05
06	Introduction to Javascript (Contd.)	Javascript Coding based challenges	THA06
07	Objects in JavaScript	Javascript Coding based challenges	THA07
08	Objects in JavaScript (Contd.)	Seat Book Counter	THA08	LIVE SITE (GitHub Pages)
09	this keyword in JavaScript	Play with this, bind(), apply(), call() and events	THA09
10	Functions in JavaScript	Make a card based memory game	THA10	LIVE SITE (GitHub Pages)
11	Prototypical Inheritance	Make a quiz app using JS	THA11
12	Synchronous And Asynchronous Javascript	Make a TODO list using localStorage	THA12	LIVE SITE (GitHub Pages)
13	Promises, Async and Await in JS	Make a website using API	THA13
15	React Basics	Print Hello World using React	THA15
16	Installing React and Functional Components	(a)Make a card display React app	THA16A	LIVE SITE (Netlify)
		(b)Make a chess grid card application using React	THA16B	LIVE SITE (Netlify)
17	JSX and React Props	Make a scroll view in React	THA17	LIVE SITE (Firebase)
18	Inline Styles and Reusable Components	Make a chess grid using resuable components	THA18	LIVE SITE (Netlify)
19	Class Components, Lifecycle Methods, Webpacks	Make a React app having 4 counters with each managing their own state	THA19	LIVE_SITE (Cloudflare)
20	React Hooks, Event and State	Make a scroll view and implement delete functionality in React	THA20	LIVE_SITE (Vercel)
21	API, React Forms	Make a calorie counter list with item editing functionality (using Material UI	THA21	LIVE_SITE (Netlify)
22	Meme Generator	Make a meme generator in React using API	THA22	LIVE_SITE (AWS_Amplify)
23	Custom Hooks and React Router
24	State Management with Reducer and Context	Make a simple routing application in React	THA24	LIVE_SITE (Netlify)
25	Bootstrap and Tailwind - Concept and Usage
26	Redux Basics, Counter State, Reducers	Make a simple form application in React using Redux	THA26	LIVE_SITE (Firebase)
27	Middleware, Async Actions and thunk in Redux	Make a todo application in React using Redux	THA27	LIVE_SITE (Cloudflare)
28	Weather App in React	Make a weather application using React	THA28	LIVE_SITE (Netlify)
32	Typescript Basics in React	Make a simple application using React and TS	THA32	LIVE_SITE (Netlify)
33	Props, Hooks and Context in Typescript	Make a simple todo application using React and TS	THA33	LIVE_SITE (Netlify)

---