🔹 MERN Overview
• MERN = MongoDB, Express.js, React, Node.js
• Full JavaScript stack for building end-to-end web apps.
🔹 React.js
• JSX: Combines JavaScript with HTML-like syntax.
• useState: Manage component state.
• props: Pass data from parent to child.
• useEffect: Handle side effects (API calls, timers).
• Controlled components: Form inputs tied to state.
🔹 Node.js & Express
• Backend with Express routes (app.get, app.post, etc.).
• Middleware for logging, auth, error handling.
• app.listen(PORT) starts the server.
🔹 MongoDB & Mongoose
• MongoDB: NoSQL document DB (JSON-like).
• Mongoose: Define schemas, models, and use populate() for relations.
🔹 JWT Authentication
• Token generated at login.
• Stored in localStorage, sent in headers.
• Backend verifies token with middleware for protected routes.
🔹 Frontend-Backend Integration
• Axios in React to call Express APIs.
• Handle token in headers.
• Update UI using state after API response.
🔹 Project Example
• All-in-Academy: Multi-school ERP with dashboards for Admin, Teacher, Student.
• Features: Attendance, Exams, Fees, Notifications.
• Role-based access with JWT, MongoDB models, and real-time data integration.
🔹 Achievements
• 🏆 Top 1% (99.51%) – Naukri Campus Young Turks Contest 2024 (5L+ participants)
• 1st Runner-Up – NSESMP 2022 (Engineering Smart Model Presentation)
