Student CRUD App with Spring Boot & React | MySQL Backend + Axios Frontend
Simple Student CRUD (Create, Read, Update, Delete) application using Java 17 + Spring Boot for the backend and React (Create React App) for the frontend. The backend persists data in MySQL and includes validation, unique checks for email/phone, and an auto-generated human-friendly studentId. The React frontend uses Axios and Bootstrap for UI and consumes the REST API to add, list, view, update, and delete student records.
What you'll learn:
Project structure and tech stack (Spring Boot, JPA, MySQL, React, Axios)
How to configure MySQL and connect it to Spring Boot
REST endpoints for CRUD operations and example payloads
Basic frontend forms, client-side validation, and API integration with Axios
How to build a production-ready React bundle and serve static assets
Tips for environment configuration and troubleshooting (CORS, Lombok, DB issues)
Repository:
Code: (add your GitHub repo URL here)
Quick start (PowerShell)
Start MySQL and create DB:
Start backend:
Start frontend:
API quick reference (base: http://localhost:8080)
POST /student/add — create student
GET /student/search/id/{studentId} — get student
GET /student/search?name=&phone=&email= — search (or /student/all)
PUT /student/update/{studentId} — update
DELETE /student/delete/{studentId} — delete
#SpringBoot #Java #ReactJS #MySQL #FullStack #CRUD #WebDev #Tutorial
Join this channel to get access to perks:
/ @codingmoments
Lecture and Interview PDFs downloads from here - https://codingmoments.blogspot.com/20...
Facebook:- https://www.facebook.com/profile.php?...
Telegram Channel :- https://t.me/jobUpdateByCodingMoments
Telegram Group:- https://t.me/javaprojectgroup
Facebook:- https://www.facebook.com/profile.php?...
Instagram:- / youtube.coding.moments
Blog:- https://codingmoments.blogspot.com/
Email Id:- [email protected]