Module 01 · 3.5 hrs
Start hereIntroduction & Setup
Overview of full stack development. Setup Node.js, NPM and Git.
Full StackIntermediate
MERN Stack
MongoDB · Express · React · Node
Build complete web applications end-to-end with the MERN stack — React frontends, Express APIs, MongoDB persistence, JWT auth, testing and cloud deployment.
20 modules90-hr track80% hands-on2 projects
Curriculum
20 modules, 90 hrs of hands-on learning
Every module pairs a focused topic with a guided practical exercise — learn it, build it, then practice it on the Atom Code portal in the same session.
Module 02 · 5 hrs
Hands-on sessionHTML & CSS Basics
Refresher on HTML5, CSS3 and responsive design.
Module 03 · 4.5 hrs
Hands-on sessionJavaScript (ES6+) Fundamentals
Advanced JavaScript concepts like arrow functions, promises, spread operators, async/await.
Module 04 · 2.5 hrs
Hands-on sessionReact.js Setup
Introduction to React. Setting up a React project using Vite.
Module 05 · 5.5 hrs
Hands-on sessionReact Components & State Management
Understanding component architecture, props, state and events in React.
Module 06 · 3 hrs
Hands-on sessionReact Hooks
Understanding and implementing important React hooks like useState, useEffect, useRef, useContext.
Module 07 · 3 hrs
Hands-on sessionTailwind CSS
Implementing beautiful React components with Tailwind CSS.
Module 08 · 3.5 hrs
Hands-on sessionReact Routing
Implementing routing in React using React Router.
Module 09 · 4 hrs
Hands-on sessionNode.js & Express.js Setup
Setting up a basic Node.js and Express server. Introduction to REST APIs.
Module 10 · 6.5 hrs
Hands-on sessionMongoDB & Mongoose Integration
Introduction to NoSQL databases and MongoDB. Connecting Node.js to MongoDB.
Module 11 · 5 hrs
Hands-on sessionBuilding a RESTful API
Creating RESTful API endpoints in Express.js.
Module 12 · 4 hrs
Hands-on sessionConnecting Frontend to Backend
Fetching data from the backend API using Axios / Fetch API in React.
Module 13 · 6 hrs
Hands-on sessionUser Authentication (JWT)
Implementing authentication with JSON Web Tokens (JWT).
Module 14 · 5 hrs
Hands-on sessionError Handling & Validation
Handling errors in Express and input validation with middleware.
Module 15 · 5.5 hrs
Hands-on sessionReact Forms & State Handling
Creating and handling forms in React.
Module 16 · 4 hrs
Hands-on sessionFrontend Global State Management
Introduction to Redux Toolkit, Context API and its integration with React.
Module 17 · 3.5 hrs
Hands-on sessionTesting REST APIs
Introduction to API testing using Postman / Insomnia / Thunder Client.
Module 18 · 7 hrs
Hands-on sessionProject Integration & Final Testing
Final integration of frontend and backend, and testing all functionalities.
Module 19 · 4 hrs
Hands-on sessionProject Deployment
Frontend deployment with Vercel / Netlify and backend deployment with Render Cloud.
Module 20 · 5 hrs
Hands-on sessionProject Presentation & Wrap-up
Review of key concepts. Participants present their projects.