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

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: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

[rungthiwaratchantam]

I love this style of teaching😍. Clear and short. Thank you🙏 . You make me undertand the process of the connection between frontend and backend very clear and easy!

[SleepingPickle]

Big help because I am transitioning from frontend to backend <3

[jakeowen]

Thanks! I loved this tutorial. As a newcomer to react and nodejs, there was loads of learning for me and I was able to run this on my localhost as well as deploy this to my server. Keep up the great job 👏👏

[odessasingh]

THIS IS JUST WHAT I NEEDED
THANK YOU FROM THE BOTTOM OF MY HEART

[dev_apostle]

if you do alot more tutorials like this, that would be great.This is just write to get in a lot of learning

[fdctitansc]

Thank-you very much for the video. I'm a retired programmer of 35 years and now just playing around with Javascript, MySql, React, etc. This Full-stack video is perfect for learning.
One question: Why use "{data.map((student) => {" in the Edit.jsx when there is only one student to display?

[shadman]

Can you provide the list of VSCode Extensions you have used for the project? Awesome Explanation btw.

[andalonds]

Update must put the database port number after user- and Alo be careful of file type

[Rajesh-rgfw]

This is good, but i found you are not following tge best practices, like you could have implemented usereducer, use ref, contex api, also in the use effect use the signal, and also i think components can also further divided in to smaller components.

[FirdosNega]

Hello! I am new comer to this channel and am struggling to understand how to build the backend i am working on my first project and am using node and mysql but i can't get the basic concepts can u help me?

[joypro]

Hope you gonna make it with this channel ❤

[fdctitansc]

Still trying to figure logic. Could you tell me how would i know the sequence of scripts that run? Example: When I execute 'NPM START" from client side, I know the package.json executes, it tells the start.js to run from react-scripts, then I get lost. How does "Home.jsx" get called? Tia

[debayudhmitra]

PLEASE GIVE THE CLIENT CODE PART TOO. THANK YOU!

[Rezaulik]

in bootstrap why this ui from bootstrap cannont show ?

[mxmvzofficial]

I can't proceed to checking like in 8:50, I encountered an issue "uncought runtime error when opening localhost:3000 to check

[PiyushSharma-fivy]

hey can u provide the website link which u host it, i didnt find that

[CharlAlvarado]

it's okay to access the mysql or insert data even the folder is outside in the htdocs?

[gamer_]

6:59 what addon do i need to do autocomplete for rfce ?