https://github.com/srinivas6303/fullstack_student_management
This is a full-stack Student Management System that provides complete CRUD operations for managing student data.
https://github.com/srinivas6303/fullstack_student_management
components controller java mysql-database mysql-workbench navigation-component react react-router rest-api spring-boot spring-data-jpa toast-notifications useeffect usestate
Last synced: 3 months ago
JSON representation
This is a full-stack Student Management System that provides complete CRUD operations for managing student data.
- Host: GitHub
- URL: https://github.com/srinivas6303/fullstack_student_management
- Owner: srinivas6303
- Created: 2025-07-18T10:00:40.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-19T09:41:14.000Z (11 months ago)
- Last Synced: 2025-07-19T15:12:13.844Z (11 months ago)
- Topics: components, controller, java, mysql-database, mysql-workbench, navigation-component, react, react-router, rest-api, spring-boot, spring-data-jpa, toast-notifications, useeffect, usestate
- Language: JavaScript
- Homepage:
- Size: 57.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧑🎓 Student Management System - Full Stack Project
This is a full-stack **Student Management System** that provides complete **CRUD** operations for managing student data. The project is built using:
- **Backend:** Spring Boot, Rest Api, Spring Data JPA, MySQL
- **Frontend:** React.js, React Router DOM, Toast Notifications
---
## 🚀 Features
### ✅ Backend (Spring Boot)
- Add a new student
- Get all students
- Get a student by ID
- Update student details
- Delete a student by ID
- Search students by name or substring
### ✅ Frontend (React)
- Component-based structure
- React Router DOM for navigation
- Toast notifications for success/error messages
- Hooks like `useState`, `useEffect` for state and lifecycle management
- Axios for HTTP requests
---
## 📁 Project Structure
### 🔙 Backend - `StudentManagementBackend`
#### Technologies:
- Java 17+
- Spring Boot
- Rest Api
- Spring Data JPA
- MySQL
- Maven
#### Controllers Used:
```java
package com.example.StudentManagementBackend;
@RestController
@CrossOrigin(origins = "http://localhost:5173")
public class StudentController {
// Endpoints for CRUD and search operations
}
```
#### 📌 Main Endpoints:
- `POST /addStudent`
- `GET /getAllStudents`
- `GET /getById/{id}`
- `DELETE /deleteById/{id}`
- `PUT /updateStudent`
- `GET /findByName/{name}`
- `GET /findBySubString/{str}`
> ⚠️ Make sure your MySQL DB is running and configured properly in `application.properties`.
---
### 🌐 Frontend - `StudentManagementFrontend`
#### Technologies:
- React.js
- React Router DOM
- Axios
- React Toastify
- Hooks (`useState`, `useEffect`)
#### 📦 Structure:
Each backend API is connected to a separate React component:
- Adding a student
- Listing all students
- Viewing student by ID
- Updating student details
- Deleting a student
- Searching by name or substring
#### ▶️ Run Frontend:
```bash
cd StudentManagementFrontend
npm install
npm run dev
```
https://github.com/user-attachments/assets/bafc1eef-cdbd-45b4-9dd6-90a56f3126df