Detailed Syllabus & Weekly Breakdown

Module 1: Web Fundamentals & React.js Basics (Weeks 1–6)

• Week 1-2: HTML5, CSS3, Flexbox, Tailwind CSS, Responsive Design
• Week 3-4: Modern JavaScript (ES6+), DOM Manipulation, Asynchronous JS
• Week 5-6: Introduction to React.js, JSX, Components, Props, Basic State

Module 2: Advanced React & State Management (Weeks 7–12)

• Week 7-8: React Hooks (useState, useEffect, custom hooks)
• Week 9-10: State Management with Redux Toolkit or Context API
• Week 11-12: React Router, Form Handling, and API consumption with Axios

Module 3: Node.js, Express & MongoDB (Weeks 13–18)

• Week 13-14: Node.js internals, Event Loop, File System
• Week 15-16: Express.js Routing, Middleware, RESTful API creation
• Week 17-18: MongoDB Basics, Mongoose ODM, CRUD operations

Module 4: Full Stack Integration & Capstone (Weeks 19–24)

• Week 19-20: Authentication (JWT), Password Hashing, Security practices
• Week 21-22: Integrating Frontend and Backend, CORS, Error Handling
• Week 23-24: Capstone: MERN E-commerce or SaaS App & Cloud Deployment

Learning Outcomes

• Build responsive, modern web interfaces using React and Tailwind CSS.
• Manage application state efficiently using Redux Toolkit.
• Develop robust and secure REST APIs using Node.js and Express.
• Integrate MongoDB for scalable database management and deploy full stack apps.

Term and Credit Structure

Term	Module	Weeks	Credits
Term 1 (Frontend)	Module 1: Web Fundamentals & React.js	1–6	4
Term 1 (Frontend)	Module 2: Advanced React	7–12	4
Term 2 (Backend)	Module 3: Node.js, Express & MongoDB	13–18	4
Term 2 (Integration)	Module 4: Full Stack Integration & Capstone	19–24	4
Total		24 Weeks	16 Credits

Assessment Weightage

• Frontend Mini-Projects: 30%
• Backend API Assignments: 25%
• Mid-Term MCQ & Coding Test: 15%
• Master Capstone Project & Live Deployment: 30%