Login Page using React + Node + MySQL | ReactJS, MySQL, NodeJS - Login Page Tutorial

This video concerns Simple Login System with ReactJS, NodeJS, and MySQL. We will implement This Login Page using ReactJS + NodeJS + MySQL database. It is entirely for beginners to learn React and Node JS.

[saidanehashem]

1- Install node JS
2-front-end:
npx create-react-app <your app name>
3- backend:
3.1: create new folder
3.2: cd <folder-name>
3.3: npm init -y
3.4: npm install express

[osabhieferguson]

Thanks man. This is the best tutorial I've seen on this. I like the fact that you were transparent with the errors you had.

[ChaneLX]

Thanks, I created a login and sign up page from your tutorial. Yes, this is my first time coding server side code. If i can do it, I believe everyone here can too.

[galinradev]

Didn't watch it completely, but it was more than usefull great tutorial Yousaf... Straight to the point just enough to start... really this is great

[mrestrella]

Great good video!!! Thank you so much for sharing!

[ALKASHIF-]

how to setup the environment front end and back end?

[jeevanandam]

how to clear that error
resolve.fallback: { "http": false }
this type error so many coming in my project

[haritharam]

Could you pls specify versions of node and others as well

[johnalbertadonisgatmaitan]

You didn't show how do we install the module for the backend now my error is "code: 'MODULE_NOT_FOUND',
requireStack:" even though I install npm install express but the differenct from your dependencies is mine only " "dependencies": {
"express": "^4.19.2"
}" No other code here even the debugger to run this, please help

[payana]

how to install frontend files or modules

[moinsayyed]

hey how did you create the backend folder i did not follow. i have the react app for which i used "npx create-react-app XYZ" do i need to do the same for the nodeJS backend "npx create-node-app XYZ"

[parthparmar]

Which keyboard do you use ? Nice and simple video

[anishmendhe]

I have created register, login update profile page using html did i have to different process for it

[nklgfky]

can i have a github link for this project

[jaazielcrb]

looks like the project was ready before de video and there are some many points that you don't specify (node version, create-react-app, install bootstrap, deploy, etc) anyway, thanks for sharing your knowledge

[xian]

bhai project code ka link dedia krooo plzz 😭

[ravikantyadav]

Bhai yaar source code bhi de Diya karo

[eihxvou]

oy install mo muna ung mga package bonak pa kameng mga beginner

[twtrrbn]

Why not save email and password in a single state variable?
Brother You have used too many bad practices, kindly use async/await or promises. Don't try to teach bad coding to beginners. Thank you!

[ofmblkv]

it's not lagin it's called as Login and it's not cansole it's called as Console