Build a Password Manager in React, MySQL, and NodeJS - Ep 1

Hey everyone, this is the start of a 3 video series where I teach you guys how to code a password manager using ReactJS, NodeJS, Express, and MySQL. Passwords will be encrypted using CryptoJS and our UI will be done with pure css (despite in the beginning of the video mentioning material ui).

-
-
-

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- Password Manager
- Fetch
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

[Shellflower]

Can anyone count how many times he says the word “password”?

[UniversityOfMassachusets]

I have been trying to find a decent tutorial about setting up a backend and front end and nothing has helped. Year later I randomly come across this and it’s literally perfect. I’m 5 minutes in and I finally get the gist of setting up a backend and connecting it to the front end. Good god thank you and subscribed

[artirao]

Most underrated tech videos on youtube currently. You make it all look so simple, probably you are too good at your craft hence such clear and simple instructions. Love!

[anshulmanapure]

Damn, this video🥵
Just hope you include all the crud operations in the following videos of the series.

[TheCodingOdyssey]

How can you produce so many quality videos so fast? amazing!

[lordstark]

Just for good practice, you should put your password and connection info of your database in a other file like a .env file just to be full secure but great video !!!

[mayurkoli]

please upload 2nd part ASAP, that's one is really important!

[rohanmaharjan]

Can I know which Algorithm is used for Encryption and Decryption ?
Like Exactly; for example AES/DES or RSA like that !

[nml]

Not expecting an answer, but what the hell, I'll post it anyway. I'm up to the point where the App.js is populated and it's supposed to display on the browser. The page appears on the browser, but it's blank. I typed into the App.js some of the stuff shown in the video, so the App, js is not blank. But nothing shows on the browser, just the blank page (browser has localhost:3000). Yes, I did start yarn and when I did the page displayed automatically on the browser, but it is blank.

[ThColinPereira]

This helped me so much. Thanks pedroski

[dev_esh]

Hello i did everything as you told but I cannot see the data in the database. I think it is a problem of post request but I cannot exactly figure out what

[ameen.webdivers]

can i use phpmyadmin from xampp server instead of workbench !!

[unapologeticblkgirl]

Hi, for whatever reason the data from my react app is not posting to mySQL. Can you help me troubleshoot, I’ve been trying for the past few hours without any progress (working w/ MacBook)

[mithunpillay]

Hi PedroTech, I am getting server error when i try to add a password - code: 'ER_NOT_SUPPORTED_AUTH_MODE',
errno: 1251,
sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client',
sqlState: '08004',
I am using workbench 8.0

[kaleo]

Thanks for all👌
Can you help me please 🙏🙏🙏
I have most difficult to use Redux in my Reactjs, Mysql and Node js project
Thanks🙏🙏

[venkatramanbehera]

Bro I am getting query was empty error can u help me to resolve this?

[anontough]

Why pushing for learningn MySql on the third video of fallowing React oriented in JS course ?

I feel like I have to learn Mysql just to continue this tutorial. ffs. I'm still learning JS.

[shubhankarsharma]

if u people are facing the problem that mysql is not taking the entries then u need to add to the script in mysql before select query in view table
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root';

[kadeb]

Hi there. Thanks for the amazing tutorial.
I am getting a few errors though and I'm decently new at this. It would be great if you could help me :)
SERVER-SIDE: "[nodemon] app crashed - waiting for file changes before starting"
REACT APP (inspect): "Failed to load resource: net::ERR_CONNECTION_REFUSED",
"Uncaught (in promise) Error: Network Error
at createError (createError.js:16)
at XMLHttpRequest.handleError (xhr.js:84)"