Mern Stack Bootcamp

Week 1:
Introduction to MERN Stack
What is MERN Stack?
Why Choose MERN Stack?
Introduction to React.js
Overview of Full Stack Development
Overview of React project structure
Run React Project
Printing variables, objects, and arrays in JSX
React Hooks (useState) – Variables, Objects, Arrays
Functional Components
Props and local states
JSX Events (onChange, onClick)

Week 2:
Form Validation
Adding classes and styles
Conditional Rendering
Data passing between Parent and Child components
Lifecycle Methods (useEffect)
React Hooks (useRef, useMemo)
Creating Custom React Hooks

Week 3:
Introduction to Routing
React Router DOM
Creating Routes
Link, NavLink, and Nav Components
Router Navigation Hook (useNavigation, useNavigate)
Passing data between components (useNavigation, useLocation)
Building a Blog Website with Home and Details page

Week 4:
Introduction to Global State Management
What is Prop Drilling?
Managing Global State with useContext
Assignments for Global State Management

Week 5:
Introduction to API Calls
Introduction to Fetch and Axios
Interceptors in Axios
Fetching data with Axios (GET, POST, PUT, DELETE)
Promises, async/await
Headers in API calls
Content Types in Headers
Introduction to Local Storage
Assignments for API Calls

Week 6:
Introduction to Node.js and Express.js
Node.js Project Folder Structure
Setting up HTTP Server
Creating Routes for Endpoints
Sending Response
ES6 Exports and Imports
File Read and Write Operations
Environment Variables (.env)

Week 7:
Express.js Setup
Creating API Routes in Express
Express.js Middleware
Creating Custom Middleware
Using Third-Party Middleware (multer, body-parser, busboy)
Assignments for Express.js

Week 8:
Introduction to Server-Side Rendering (SSR)
SSR with EJS
Creating Dynamic Layouts with EJS
View Engines Overview
Introduction to Databases
Introduction to NoSQL (MongoDB)
Setting up MongoDB with Mongoose
Creating Models for MongoDB
CRUD Operations with MongoDB

Week 9:
Introduction to Postman for API Testing
Creating Controllers in Express
Express Router
JWT Authentication
Projects for Creating APIs

Week 10:
Relations between Collections
Testing Express APIs with React.js Project

Bonus Topics:
TanStack Query
Jotai
Introduction to Git and GitHub
Server Deployment of React and Node Projects
MongoDB Aggregation Pipelines