Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/suhatanriverdi/react-java-spring-student-crud-project
This is a full-stack web application where teachers can view and manage student grades. The application consists of two parts: a backend developed using Spring Boot and a frontend developed using React.js.
https://github.com/suhatanriverdi/react-java-spring-student-crud-project
fullstack java js maven react react-router reactstrap rest-api spring-boot spring-mvc tailwind
Last synced: 21 days ago
JSON representation
This is a full-stack web application where teachers can view and manage student grades. The application consists of two parts: a backend developed using Spring Boot and a frontend developed using React.js.
- Host: GitHub
- URL: https://github.com/suhatanriverdi/react-java-spring-student-crud-project
- Owner: suhatanriverdi
- Created: 2024-02-14T08:04:40.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-02-14T18:31:54.000Z (12 months ago)
- Last Synced: 2024-11-20T14:51:02.282Z (3 months ago)
- Topics: fullstack, java, js, maven, react, react-router, reactstrap, rest-api, spring-boot, spring-mvc, tailwind
- Language: JavaScript
- Homepage:
- Size: 221 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Student Management System | Simple CRUD in React & Java Spring Boot
### Video Sample:
https://github.com/shtanriverdi/react-java-spring-student-crud-project/assets/36234545/d0c165c4-0cac-4623-8e02-92c26b1812ce
## Introduction
This is a full-stack web application where teachers can view and manage student grades. The application consists of two parts: a backend developed using Spring Boot and a frontend developed using React.js. The backend will handle database operations, while the frontend will provide a user interface for interacting with the system.
## Features
- **Backend (Spring Boot App):**
- **Listing API:** Retrieves and displays existing records from the database. Supports sorting based on a parameter.
- **Addition API:** Allows adding a new record to the database.
- **Deletion API:** Allows deleting an existing record from the database.
- **Detail API:** Retrieves detailed information about a specific record from the database.
- **Frontend (React.js App):**
- **Listing Page:** Displays a list of records retrieved from the backend. Provides functionality to sort records and navigate to the detail page.
- **Addition Page:** Allows users to add a new record with student name and grade information.
- **Detail Popup:** Displays detailed information about a specific record in a popup window.
## Technologies Used
- **Backend:**
- Java Spring Boot
- Spring Data JPA for database interaction
- **Frontend:**
- React.js
- React Router for navigation
- Reactstrap for UI components
- Tailwind CSS for styling
## Getting Started
To run the application locally, follow these steps:
1. Clone the repository from GitHub: [GitHub Repository Link](#)
2. Navigate to the backend directory and run the Spring Boot application.
```
cd backend
mvn spring-boot:run
```
3. Navigate to the frontend directory and install dependencies.
```
cd frontend
npm install
```
4. Start the React.js development server.
```
npm start
```
5. Access the application in your web browser at `http://localhost:3000`.
## Screenshots
## Additional Notes
- The application does not include a login page as it is assumed to be used by teachers only.
- UI design is implemented using Tailwind CSS for a modern and responsive interface.
- For any questions or issues, feel free to contact us.
Thank you for your interest in our application. Happy coding!