New batches start 11 August 2026. Enrol now →
Maruti AI Technology Enrol now

← Modern Web & App Development

Modern Web & App Development

Web Development MERN Stack

From your first HTML tag to a deployed MERN app with real authentication

You start with HTML, CSS and JavaScript fundamentals, then move into Tailwind CSS and React for the frontend before building APIs with Node.js and Express and storing data in MongoDB. The course closes with a full MERN stack project complete with authentication and security, so you leave with a real, working application.

68h
of content
15
modules
181
lessons
Fees from
₹6,000

per level · 3 levels · complete programme ₹22,500

Duration
6 mo
Enrol now Talk to us first

Fees by level

Start at any level, or take the complete programme. The fee you pay for a level is locked for you.

LevelWhat it coversDurationFee
Beginner Start from zero 2 mo ₹6,000
Intermediate Build working projects 2 mo ₹8,000
Advanced Get job-ready 2 mo ₹8,500
Complete programme (all levels) ₹22,500

All fees are in Indian Rupees and include applicable taxes. See our pricing & payment terms.

The complete curriculum

This is the entire syllabus — all 15 modules and 181 lessons, in the order you'll learn them. Nothing hidden.

↓ Download full curriculum (PDF)
01 Intro to Web Development 3 lessons ▶
  1. 1.1Introduction to the course
  2. 1.2How Internet Works
  3. 1.3What is Web Development
02 Fundamentals of Web Technology 2 lessons ▶
  1. 2.1Fundamentals of Web Technology
  2. 2.2Complete Git and GitHub Commands
03 HTML 14 lessons ▶
  1. 3.1Fundamentals of Web Applications
  2. 3.2Intro to HTML
  3. 3.3Head Tag in HTML
  4. 3.4Text Formatters
  5. 3.5Images in HTML
  6. 3.6Lists in HTML
  7. 3.7Tables in HTML
  8. 3.8Web Resume
  9. 3.9Links in HTML
  10. 3.10Forms in HTML - 01
  11. 3.11Forms 2.2
  12. 3.12Semantic Tags in HTML
  13. 3.13Hosting the application
  14. 3.14PROJECT- Putting it all together
04 CSS 17 lessons ▶
  1. 4.1Intro to CSS
  2. 4.2CSS Selectors
  3. 4.3Colors in CSS
  4. 4.4Units in CSS
  5. 4.5Box Model in CSS
  6. 4.6Texts and Fonts in CSS
  7. 4.7Display in CSS
  8. 4.8Positions in CSS
  9. 4.9Overflow, Float and Clear in CSS
  10. 4.10FlexBox in CSS
  11. 4.11Grid in CSS
  12. 4.12Grid Portfolio in CSS
  13. 4.13Media Queries in CSS
  14. 4.14CSS Variables
  15. 4.15Transform in CSS
  16. 4.16Tranistion in CSS
  17. 4.17Keyframe Animations
05 HTML CSS Project 8 lessons ▶
  1. 5.1Bella Vista - Project Demo
  2. 5.2Bella Vista - Header and Navigation
  3. 5.3Bella Vista - Hero Section
  4. 5.4Bella Vista - Menu Section
  5. 5.5Bella Vista - About Section
  6. 5.6Bella Vista - Contact Us Section
  7. 5.7Bella Vista - CSS Custom Property and Responsive Design
  8. 5.8Bella Vista - Footer Section
06 Javascript 13 lessons ▶
  1. 6.1Intro to JS
  2. 6.2Data Types in JS
  3. 6.3Operators in JS
  4. 6.4If-Else Condition
  5. 6.5Switch in JS
  6. 6.6Loops in JS
  7. 6.7Arrays in JS
  8. 6.8Functions in JS
  9. 6.9Advanced Funcs in JS
  10. 6.10Call Back Hell in JS
  11. 6.11Promises in JS
  12. 6.12DOM Manipulations in JS
  13. 6.13Events in JS
07 The Killer Website (Frontend Project) 26 lessons ▶
  1. 7.1Setting up the folder structure
  2. 7.2Responsive grid system
  3. 7.3Header section - Part-1
  4. 7.4Header section - Part-2
  5. 7.5Header section - Part-3
  6. 7.6Feature section - Part-1
  7. 7.7Feature section - Part-2
  8. 7.8Creating Favorite meal section - Part-1
  9. 7.9Creating Favorite meal section - Part-2
  10. 7.10Creating how it works section - Part-1
  11. 7.11Creating how it works section - Part-2
  12. 7.12Creating the city section - Part-1
  13. 7.13Creating the city section - Part-2
  14. 7.14Creating Customer testimonial section - Part-1
  15. 7.15Creating Customer testimonial section - Part-2
  16. 7.16Creating Sign up section - Part-1
  17. 7.17Creating Sign up section - Part-2
  18. 7.18Creating the contact form section - Part-1
  19. 7.19Creating the contact form section - Part-2
  20. 7.20Creating the footer section - Part-1
  21. 7.21Creating the footer section - Part-2
  22. 7.22Making webpage responsive - Part-1
  23. 7.23Making webpage responsive - Part-2
  24. 7.24Including jquery
  25. 7.25Scrolling effect
  26. 7.26Adding animations
08 Tailwind CSS 19 lessons ▶
  1. 8.1Intro to TailwindCSS
  2. 8.2Tailwind CSS setup with CDN
  3. 8.3Tailwind CSS with CLI
  4. 8.4Importance of Tailwnd CSS
  5. 8.5Colors in Tailwind CSS
  6. 8.6Margin and Padding in Tailwind CSS
  7. 8.7Width in Tailwind CSS
  8. 8.8Height in Tailwind CSS
  9. 8.9Size Class in Tailwind CSS
  10. 8.10Positions in Tailwind CSS
  11. 8.11Container Class in Tailwind CSS
  12. 8.12Background Classes in Tailwind CSS
  13. 8.13Filter Class in Tailwind CSS
  14. 8.14Interactivity with Tailwind CSS
  15. 8.15Media Query and Its Breakpoints in Tailwind CSS
  16. 8.16Column Classes in Tailwind CSS
  17. 8.17Flex Classes in Tailwind CSS
  18. 8.18Grid in Tailwind CSS
  19. 8.19Animations in Tailwind CSS
09 ReactJs 16 lessons ▶
  1. 9.1Intro to React
  2. 9.2Road Map to React
  3. 9.3Create a react project
  4. 9.4Undertsand the React Flow and File Structures
  5. 9.5Creating our own Custom React library and JSX
  6. 9.6Hooks in React
  7. 9.7Props in React
  8. 9.8UseState, useCallback, useEffect, useRef in React Hooks
  9. 9.9Hooks Implementation
  10. 9.10React - Router
  11. 9.11Create Context API
  12. 9.12Context API Part 2
  13. 9.13To Do Context With Local Storage
  14. 9.14Keeper App Project Part-1
  15. 9.15Keeper App Project Part-2
  16. 9.16Keeper App Project Part-3
10 NodeJs 4 lessons ▶
  1. 10.1Intro to Node and Creating a node server
  2. 10.2Req, Res, Http Status Codes and HTTP Methods
  3. 10.3Routing & Redirectional Requests
  4. 10.4Node To-Do-List Application
11 ExpressJs 4 lessons ▶
  1. 11.1Intro to Express
  2. 11.2To Do List Appln - ExpressJS
  3. 11.3Library Managment System SetUp
  4. 11.4Library Managamnet System
12 MongoDB 5 lessons ▶
  1. 12.1Intro to MongoDB
  2. 12.2Connection to MongoDB, Project Setup & dotenv
  3. 12.3Models (Collections Structure) in MongoDb
  4. 12.4Controllers (Book Controller) & DTO
  5. 12.5Controllers (User Controller)
13 Bootstrap 19 lessons ▶
  1. 13.1Introduction to Bootstrap
  2. 13.2Features in Bootstrap
  3. 13.3Colours & Typography in Bootstrap
  4. 13.4Buttons & Buttons Groups
  5. 13.5Utility Classes in Bootstrap
  6. 13.6BreakPoints and Containers
  7. 13.7Grid Layouts in Bootstrap
  8. 13.8Project Intro with Grid
  9. 13.9Navbar in Bootstrap
  10. 13.10Cards in Bootstrap
  11. 13.11Accordians in Bootstrap
  12. 13.12List Groups in Bootstrap
  13. 13.13Bootstrap Icons
  14. 13.14Forms in Bootstrap
  15. 13.15Tooltips in Bootstrap
  16. 13.16Modals in Bootstrap
  17. 13.17Offcanvas in Bootstrap
  18. 13.18Dropdowns in Bootstrap
  19. 13.19Tabs in Bootstrap
14 MERN Fullstack project 14 lessons ▶
  1. 14.1Intro MERN stack & MERN project
  2. 14.2Express App SetUp
  3. 14.3Express Router and API Endpoints
  4. 14.4MongoDB Atlas and Mongoose
  5. 14.5Models And Schemas
  6. 14.6Controllers Part - 01
  7. 14.7Controllers (Part - 02)
  8. 14.8Creating a react app - Frontend
  9. 14.9Fetching the data from backend to frontend
  10. 14.10New workout form
  11. 14.11Integerating React Context, useReducer Hooks
  12. 14.12Deleting card date
  13. 14.13Handling Error Response
  14. 14.14MERN Finishing Touch
15 MERN Authentication & Security 17 lessons ▶
  1. 15.1Intro and starter project
  2. 15.2User routes, controller and model
  3. 15.3Signing up a user and hashing their password
  4. 15.4Email and passowrd validation
  5. 15.5JSON web tokens (theory)
  6. 15.6Signing tokens
  7. 15.7Logging user in
  8. 15.8Creating react auth context
  9. 15.9Login and signup forms
  10. 15.10Making a usesignup hook
  11. 15.11Making a uselogout hook
  12. 15.12Making a uselogin hook
  13. 15.13Updating the initial auth status
  14. 15.14Protecting API routes
  15. 15.15Having authorized requests
  16. 15.16Protecting react routes
  17. 15.17Assigning workouts to Users

Tools you'll use

MongoDBGitGitHubReactNode.jsExpressMERNJavaScriptHTMLCSS

Every course includes

Live, instructor-led classes Course materials & lab access Doubt-clearing sessions Final assessment + one free re-attempt Verifiable certificate

How certification works

Related courses

Modern Web & App Development

App Development Kotlin

Build modern Android apps with Kotlin and Jetpack Compose

from ₹5,000· 3 levels
5 mo
Modern Web & App Development

Flutter

Build cross-platform apps with Flutter and Dart through real projects

from ₹5,000· 3 levels
5 mo
Modern Web & App Development

Nest JS

Build structured, testable backend APIs with NestJS and TypeORM

from ₹4,500· 3 levels
3 mo