Complete Guide to Fullstack Development: React, Express, MySQL, Node.js - Tutorial

Github repository: https://github.com/LennoxLondoW/react_express_mysql_full_stack_application

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