[go: up one dir, main page]

0% found this document useful (0 votes)
32 views2 pages

MERN Stack Learning Tracker

Uploaded by

dummyworld36
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
32 views2 pages

MERN Stack Learning Tracker

Uploaded by

dummyworld36
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

8-Week MERN Stack Learning Plan (Daily Tracker with Checkboxes)

Week 1: JavaScript Mastery + DOM

[ ] Mon-Fri: Learn JS fundamentals: variables, loops, functions, arrays, objects


[ ] Mon-Fri: Master ES6: arrow functions, destructuring, spread/rest, promises
[ ] Sat-Sun: Practice DOM manipulation
[ ] Sat-Sun: Build: To-Do List App or Calculator

Week 2: React.js Basics

[ ] Mon-Fri: Understand components, props, state, event handling


[ ] Mon-Fri: Use useState for dynamic UIs, conditional rendering
[ ] Sat-Sun: Project: Weather App or Movie Search App using API
[ ] Sat-Sun: Intro to React Router (routing & navigation)

Week 3: Advanced React + Hooks

[ ] Mon-Fri: Use useEffect for lifecycle handling


[ ] Mon-Fri: Handle forms and controlled components
[ ] Sat-Sun: Project: Blog UI with navigation and posts
[ ] Sat-Sun: Learn Git and GitHub basics

Week 4: Node.js & Express.js

[ ] Mon-Fri: Intro to Node.js and Express.js


[ ] Mon-Fri: Setup routes, middleware, REST APIs
[ ] Sat-Sun: Project: Build REST API with GET/POST/PUT/DELETE
[ ] Sat-Sun: Use Postman to test API endpoints

Week 5: MongoDB + Mongoose

[ ] Mon-Fri: Connect MongoDB Atlas and create Mongoose models


[ ] Mon-Fri: Perform CRUD operations in DB
[ ] Sat-Sun: Project: User Notes API or Task Tracker API
[ ] Sat-Sun: Test full backend integration

Week 6: Connect Frontend + Backend (MERN)

[ ] Mon-Fri: Use Axios/Fetch in React to call API


[ ] Mon-Fri: Setup CORS and .env for config
[ ] Sat-Sun: Project: Full-Stack Notes App
[ ] Sat-Sun: Add simple Auth (Login/Signup UI and logic)

Week 7: Authentication + Security

[ ] Mon-Fri: Implement JWT authentication and bcrypt hashing


[ ] Mon-Fri: Protect routes using auth middleware
[ ] Sat-Sun: Project: MERN Auth System with role-based access
[ ] Sat-Sun: Integrate login/logout session handling

Week 8: Final Project + Deployment

[ ] Mon-Fri: Design final fintech project (e.g. Expense Tracker)


[ ] Mon-Fri: Develop backend with schema and auth
[ ] Sat-Sun: Complete frontend/backend integration
8-Week MERN Stack Learning Plan (Daily Tracker with Checkboxes)

[ ] Sat-Sun: Deploy (Vercel & Render), write GitHub README

You might also like