Skip to content

πŸŽ“ A simple full-stack Student Management System built with React (Vite) + Node.js/Express + MongoDB. Features a modern UI (Material UI), CRUD operations (Add, Edit, Delete students), and RESTful API integration with MongoDB via Mongoose.

Notifications You must be signed in to change notification settings

OmarShehata1/Student-Management

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ§‘β€πŸŽ“ Student Management System

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.


πŸš€ Features

βœ… Frontend (React + Vite + MUI)

  • 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

πŸ›  Backend (Node.js + Express + MongoDB)

  • Mongoose setup and schema creation
  • RESTful API:
    • GET /students - Fetch all students
    • POST /students - Add a new student
    • PUT /students/:id - Update a student
    • DELETE /students/:id - Delete a student
  • Express routers organized into separate files

🧰 Tech Stack

Tech Role
React + Vite Frontend Framework
Material UI UI Components
Node.js Backend Runtime
Express.js API Routing
MongoDB Database
Mongoose ODM for MongoDB

About

πŸŽ“ A simple full-stack Student Management System built with React (Vite) + Node.js/Express + MongoDB. Features a modern UI (Material UI), CRUD operations (Add, Edit, Delete students), and RESTful API integration with MongoDB via Mongoose.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published