Module 1 : Node.js & Express.js Basics

• Introduction to MERN
• Create a backend folder and understand the npm libraries
• Setting up Node.js & VS Code & Extension & Mongodb

Module 2: Create CRUD Database Schema & Route & MongoDB

• Create Database Schema Model
• Create CRUD Operations Route API in Express JS
• Understand Middleware & Routing
• Understand App.js & Dotenv & Mongodb
• Handling API Requests & JSON Responses with thunderclient

Module 3: Authentication & Security

• Hashing Passwords with bcrypt
• JWT Authentication – jwt.io
• Protecting Routes Authentication – Middleware

Module 4: Understand Folder Structure

• Backend folder structure
• MERN folder structure

Module 5: JavaScript Fundamentals

• ES6+ Features (Arrow Functions, Destructuring, Spread/Rest Operators)
• Promises & Async/Await
• Modules & Import/Export
• Callback Functions

Module 6: React Basics

• Introduction to React & JSX
• Functional Components vs Class Components
• Building Reusable Components
• Handling Events in React
• Creating React Vite Complaint

Module 7: React CSS – UI Fundamentals

• Text, Image, Background, Shadow, Gardient
• Border, Margin, Padding, Position, Zindex
• Table, Forms, List, Icon
• Grid Bootstrap, Tailwind CSS
• Animation, Transform

Module 8 – Front end Desiging with React

• Bot based desiging
• HTML, CSS Layout conversion to react

Module 9: React Hooks – 12 Hooks

• State management – useState, useReducer, useSyncexternal
• Effects – useEffects, useLayoutEffect, useInsertion Effect
• Transition – useTransistion, useDeferredVaule
• Perfomance – useMemo, useCallback Context – useContext
• Ref Hook – useRef

Module 10: Advanced React Function

• Loop,Map, Filter, While Loop
• Conditional – If else , Switch
• Props & State
• List & Key
• Conditional Rendering
• Component Life Cycle
• Prop Drlling
• Arrays – Props, Reduce & Search Filter
• Objects – Props, Array
• Strings – Reverse, Vowel Counting, Palindrome, Count Character
• Form Handling
• Animation – Framer, Spring
• Utility Libraries – Lodash, Sorting, Mergin Array and Duplication
• Libraries – React Query , Mutation, React Helmet, React Virtualized

Module 11: Connecting React with Node.js

• Fetch API & Axios for API Requests
• Handling CORS Issues
• CRUD Operation with Full stack

Module 12: File Uploads & Image Handling

• Multer for File Uploads in Node.js
• Image Storage
• View images, Download images or filesModule 13: Handle Cookies
• Set Get Cookies
• Filter by cookies
• Set Multiple cookies and filtering

Module 14: Redux for State Management

• Install Redux Toolkit and React-Redux.
• Create a Redux store and a simple state.
• Redux with Ecom example

Module 15: Real Time Function

• Google map integration
• Get Current geo location
• WebSockets
• Email
• Multilingual Support

Module 16: AI Chatbot

• Build Open AI chatbot

Module 17: Deploy React App

• How to purchase Domain
• DNS Setup
• How to purchase hosting plan
• Delopy React app in Cpanel Hosting

              o Build React App

              o Live Atlas Mongo db

              o Create Node terminal for backend

Module 18: Git Version

• Git Command

Module 19: ChatGPT Prompt & Tips

• Prompts
• AI Code Assitant
• AI Code Builder

Module 20: Final Project (Full MERN App)

• Build a Complete MERN Stack Project