🧱 HTML – Structure Your Webpages

• Orientation
• What is HTML?
• HTML Tags – Part 01
• HTML Tags – Part 02

🎨 CSS – Style Like a Pro

• CSS Intro
• Selectors & Box Model
• Display, Float, Position
• Flexbox – Basics
• Flexbox – Advanced
• CSS – Final Concepts
• Bootstrap – Part 01
• Bootstrap – Part 02

💡 JavaScript – Bring Logic to Life

• JS Introduction
• var, let, const
• Data Types & Array Methods
• Array Methods – Part 02
• Event Handling – Mouse Events
• Events & Parameter Passing
• DOM Manipulation
• JS CRUD – Part 01
• JS CRUD – Part 02
• Date, Time, Try-Catch
• Try-Catch, Async/Await, Promise
• Rest, Spread, Switch Case
• this Keyword, Ternary, Select & Radio Boxes

⚛️ React JS – Build Dynamic Frontends

• React Installation
• Folder Structure
• React Foundation
• React Components – Intro
• React Router DOM
• useNavigate, State & Props
• Lifecycle Methods
• useState
• useEffect
• useContext
• useReducer, useRef, useMemo & useCallback
• Dynamic Routes & Conditional Rendering
• API Calls using Axios
• Redux
• Callback Functions, Local Storage & MongoDB

🗃️ MongoDB – Work with Databases

• MongoDB Deep Dive

🛠️ Express JS – Backend APIs & Server

• Express Basics
• Express Routes
• Mongoose & Schema
• HTTP Methods
• CORS & FindOne

💻 Projects Covered in the MERN Stack Course

✅ To-Do App – Hands-on CRUD practice using JavaScript
✅ Weather App – API integration with dynamic UI
✅ React CRUD App – Frontend + backend communication using MERN
✅ Dynamic Input Handler – Interview-focused real-time mini project
✅ InternPro – End-to-end project simulating internship-level work
✅ Bus Booking System – (Upcoming) Full-stack project with advanced MERN logic

🔓 Bonus: All lessons are 100% LIVE, beginner-friendly, taught in Tamil, and backed with practical project examples.