A simple full-stack Student Management System built with:
- Frontend: React.js (with Vite) + Material UI (MUI)
- Backend: Node.js + Express.js + MongoDB (Mongoose)
This app allows users to add, view, update, and delete student data with a clean UI and responsive experience.
- Display student data in a styled table
- Add new students with a form
- Edit and delete existing students
- Hooks used:
useState,useEffect,useRef,useMemo - Styling with Material UI components
- Mongoose setup and schema creation
- RESTful API:
GET /students- Fetch all studentsPOST /students- Add a new studentPUT /students/:id- Update a studentDELETE /students/:id- Delete a student
- Express routers organized into separate files
| Tech | Role |
|---|---|
| React + Vite | Frontend Framework |
| Material UI | UI Components |
| Node.js | Backend Runtime |
| Express.js | API Routing |
| MongoDB | Database |
| Mongoose | ODM for MongoDB |