https://github.com/shree-31/student_management_system
The Student Management System is a full-stack CRUD application built with React.js, Node.js, MySQL, and Bootstrap to manage student records efficiently. It allows users to add, view, update, and delete student details, with data stored in MySQL and managed via phpMyAdmin (XAMPP).
https://github.com/shree-31/student_management_system
Last synced: 2 months ago
JSON representation
The Student Management System is a full-stack CRUD application built with React.js, Node.js, MySQL, and Bootstrap to manage student records efficiently. It allows users to add, view, update, and delete student details, with data stored in MySQL and managed via phpMyAdmin (XAMPP).
- Host: GitHub
- URL: https://github.com/shree-31/student_management_system
- Owner: Shree-31
- Created: 2025-03-01T08:56:14.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-01T09:55:27.000Z (3 months ago)
- Last Synced: 2025-03-01T10:22:05.633Z (3 months ago)
- Language: JavaScript
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Student Management System
## 📌 Project Description
The **Student Management System** is a full-stack CRUD application designed to manage student records efficiently. Built using **React.js, Node.js, Express.js, MySQL, and Bootstrap**, this application allows users to **Create, Read, Update, and Delete (CRUD)** student information, including name, email, phone number, gender, and subjects. The system provides a user-friendly interface with responsive design and seamless interactions.
## 🚀 Features
- 📝 **Add Student Records** – Enter student details and store them in a database.
- 📄 **View Student List** – Display all students in a structured table format.
- ✏️ **Edit Student Details** – Modify student records with ease.
- ❌ **Delete Student Records** – Remove student entries when no longer needed.
- 🔍 **Search & Filter** – Quickly find students based on criteria (Future enhancement).
## 🛠 Technologies Used
## 🏗 Installation & Setup
### 1️⃣ Clone the Repository
```sh
git clone https://github.com/Shree-31/student-management-system.git
cd student-management-system
```
### 2️⃣ Install Backend Dependencies
```sh
cd backend
npm install
```
### 3️⃣ Set Up Database
- Start **XAMPP** and enable Apache & MySQL.
- Open **phpMyAdmin** and create a database (e.g., `student_db`).
- Import `student_db.sql` from the project folder.
- Update `server.js` with the database credentials.
### 4️⃣ Start Backend Server
```sh
nodemon server.js
```
### 5️⃣ Install Frontend Dependencies
```sh
cd ../frontend
npm install
```
### 6️⃣ Start Frontend
```sh
npm start
```
## 📸 Screenshots
Student List Page:
Add Student Page:
Edit Student Pae:
Read Student:
## 📞 Contact
For any queries, feel free to reach out:
- 📧 Email: [email protected]
- 🔗 GitHub: [Shree-31](https://github.com/Shree-31)