Full Stack CRUD application with Spring Boot and React Hooks

Create a user model class annotated as an entity to map to the user table, with id, username, name, and email, and generate getters and setters for MySQL integration.

Post data to the database by wiring a rest controller with a post mapping that accepts a user body, saves it via the user repository, and verifies results with Postman.

Fetch all users from the database using @GetMapping in a Spring Boot app, returning a list via userRepository.findAll() and testing with Postman at localhost/users.

Create a clean frontend structure in React by adding layout and pages folders, including nav bar, home, and users components with add, edit, and view, written in JavaScript files.

Build a home page that displays user information by creating a React functional component, using a Bootstrap table inside a padded container, and applying className styling for borders.

Fetch all users with axios in a React app using useEffect and useState, map the data into a dynamic table, and connect frontend and backend via CORS.

Learn to configure routing with react router dom v6, wrap the app in a router, and define routes for home and add user using links.

Store user information in React state by creating a user object with name, username, and email, bind inputs to these fields, and update state via onInputChange with the spread operator.

Implement a user not found exception for missing user ids and handle it with a controller advice to return a not found response for get user by id.

Learn to edit a user with Spring Boot by implementing a put mapping that finds by id, updates username, name, and email from a json body, and saves updated user.

Delete a user by id with the @DeleteMapping annotation, throw a user not found exception if missing, and delete via userRepository.deleteById(id) returning a success message.

Learn to implement the edit user workflow on the front end with axios put. The lecture covers routing, loading user data with useParams and useEffect, and submitting updates.

Delete a user using an axios delete request with the user ID, then reload the remaining data to reflect changes without reloading the app.

Explore viewing a user’s details in a React view, displaying id, username, and email, with navigation to home, and options to add, edit, or delete users.