Github repository: https://github.com/LennoxLondoW/react_express_mysql_full_stack_application
More Tutorials: https://academy.lenntecs.com/course-details/html-css-PQfJOo1y
Chapters
[00:00] Introduction to Building a Student Management System
[00:30] Project Setup: Creating Application Folders and Initializing the Project
[00:52] Backend Configuration: Installing Dependencies, Setting Up Express Server, Handling Static Files, Implementing CORS Security, Parsing JSON Data, Connecting to MySQL Database, and Starting the Server
[03:54] Database Setup: Configuring a Local MySQL Database Using XAMPP, Creating 'students' Database, and Defining 'student_details' Table
[04:47] Frontend Configuration: Initializing a React Application, Configuring Proxy Settings, and Installing Dependencies (Axios, react-router-dom, Bootstrap)
[06:03] Customizing app.js for Application Routing with react-router-dom
[06:59] Developing the 'Create' Component for Adding New Student Records using Hooks for State Management
[09:00] Developing the 'Home' Component for Fetching and Displaying Student Records with the useEffect and useState hooks
[11:11] Developing the 'Read' Component for Displaying Individual Student Details
[12:30] Developing the 'Edit' Component for Editing Student Records
[14:22] Implementing a Function with Hooks to Delete Student Records
[15:55] Deployment: Preparing for Production Deployment
[18:06] Conclusion and Recap of Building a Full-Stack Student Management System
