📌 Learning Progress Tracker

Day Frontend Backend Project Duration Done Completed Date
1 What is React? What is Node.js? - 2 hrs 2025-03-09
2 JSX (JavaScript XML) Installing Node.js & NPM - 2 hrs 2025-03-10
3 Components (Functional & Class) Creating a Simple HTTP Server - 2 hrs -
4 Props (Passing Data) File System (fs Module) Counter App 2 hrs -
5 State in React (useState) Path Module & Directories - 2 hrs -
6 Handling Events Event Emitter & Streams - 2 hrs -
7 Conditional Rendering Introduction to Express.js - 2 hrs -
8 Lists & Keys Middleware - Request Logging Todo App 2 hrs -
9 useEffect Hook Building a Simple REST API - 2 hrs -
10 React Router Connecting to MongoDB Blog with Multi-Page Navigation 2 hrs -
11 Forms (Controlled & Uncontrolled) JWT Authentication & Sessions - 2 hrs -
12 Lifting State Up & Context API WebSockets & Real-Time Communication Expense Tracker (Redux) 2 hrs -
13 Redux (Global State) API Integration in Node.js Weather App 2 hrs -
14 What is Next.js? Setting Up an Express.js Server - 2 hrs -
15 File-Based Routing Routing & Middleware - 2 hrs -
16 Dynamic Routing CRUD API with MongoDB Profile Page 2 hrs -
17 Pre-rendering (SSG, SSR, ISR) Handling User Authentication (JWT) - 2 hrs -
18 Fetching Data in Next.js File Uploading (Multer) News Aggregator 2 hrs -
19 API Routes Rate Limiting & Security - 2 hrs -
20 SEO Optimization & Meta Tags Building a Secure Login System Contact Form 2 hrs -
21 Middleware in Next.js Basic REST API Portfolio Website 2 hrs -
22 Real-time Chat App WebSockets, Express.js, MongoDB - 2 hrs -
23 Social Media App Next.js, Express.js, React, Node.js - 2 hrs -
24 E-commerce Store Next.js, Express.js, Payments, Admin Panel - 2 hrs -