Full Stack Web Development with MERN Stack
Duration – 3 Days
Objectives
To equip learners with industry-relevant full stack
development skills by introducing them to
MongoDB, React JS, Node JS, and Express JS
through project-based learning, tool-based
demonstrations, and real-world deployment
techniques — preparing them for roles in web
development and application engineering.
Tools & Platforms
- React JS, Node.js, Express JS
- Postman, VS Code, GitHub
- MongoDB Atlas, MongoDB Compass
Pre-requisites
• Basic knowledge of HTML, CSS, and JavaScript
• Interest in web development
• Familiarity with any programming language (helpful
but not mandatory)
• Laptop with internet access and browser installed
Take away
By the end of this 2-day program, participants will:
• Understand and implement full stack architecture
using the MERN Stack
• Build and deploy MongoDB-powered web applications
• Develop modular React components and connect with
backend APIs
• Create and test RESTful APIs using Node.js & Express
• Gain real-world experience in frontend-backend
integration
Day 1 - Frontend & Database Development
MongoDB
• Introduction to NoSQL & Document-Oriented Design
• CRUD Operations (Create, Read, Update, Delete)
React JS
• Component-Based Architecture
• Props, State Management
• Single Page Application (SPA)
Tools: MongoDB Atlas, Compass, React Developer Tools
Day 2 - Backend API & Integration
Node JS
• Introduction to JavaScript Runtime (Node)
• npm & Built-in Modules
• Asynchronous Programming / Non-blocking I/O
Express JS
• RESTful Routing
• Middleware Functions
• Request/Response Lifecycle
• Connecting Backend to MongoDB
Mini Project
To-Do App or Product Dashboard with Full CRUD & API Integration