Master React & Node: Build a Full Employee Management System! (part 1)

In this video, we're going to learn how to build a full employee management system using React and Node. We'll start by creating a simple database using MySQL and then build a React app that contains all the logic for managing employees. We'll also use Axios to send employee data to the database and learn how to create a custom JWT tokenizer for authentication. Last, we'll create a router to serve our employee management system and make use of hash functions to encrypt employee data. By the end of this video, you'll have a fully functioning employee management system!

0:00 Demo of Employee MS Project
03:26 Create React & Node App
07:32 Install Packages in Node and React App
14:13 Design of Login Page
23:08 Handle Input Fields and Pass Data to Server
31:40 Create Connection with MySql Database
33:20 Create Login API
41:15 JWT Token Generate & Store Inside Cookies
47:10 React Routing Implementation
52:33 Login Form Validation
55:40 Design of Dashboard
1:01:20 Use of React Router Outlet
1:08:10 Create Category Table
1:09:52 Add Category Design
1:18:18 Add Category API
1:22:28 Display Categories
1:31:30 Add Employee Design and Form Handling
1:42:38 Create Employee Table
1:48:54 Add Employee API and Hash Password
1:56:45 Image Uploading
2:08:40 Fetch and Display Employee Records
2:17:01 Edit Employee Record
2:40:47 Delete an Employee Record
2:49:00 Dashboard Home Design for Summary
3:02:09 Fetch and Display Admins
3:08:46 Logout Admin

Source Code:

#employeemanagementsystem
#reactproject
#employeeAdminDashboard
#reactBeginnerProject
#ReactNodeTutorial
#employeemanagement
#reactjs
#nodejs
#project
#expressjs
#mysql

[hanifahabib]

Sir kindly create students record management system series

[rohitgaming]

Hi sir I am having a connection error while running my server side how to solve that

[laxmidharsahoo]

Hello sir, when i am entering the data into the employee table then the data is not going to the database...but the image is storing the Public/Image folder.please help

[shubhtawar]

Yhi tih dund rha hu itne time se, thakyou

[krishnaKP]

Once enter the admin details.server is running its not displayed terminal what can do

[DannyManny]

thanks man <3 you helped me with this month's tasks !!! BIG UP

[hannah]

Exactly what I needed! Thank you very much!

[Icarusmachete]

I have followed the video step by sep but i cannot get to display my categories despite having them stored in MySQL. What could be the issue?

[isaiahdurojaiye]

Hello sir, i am currently working on an employee page too but it doesn't use react. Do i just skip the first phase and create the server folder. A quick response will be much appreciated

[ansarisaad]

I am getting error while generating cache, how can i resolve it.

[ojieokogua]

Many thanks you! This is exactly what I have been looking for.

[prachibhand]

Hello sir when i do jwt part it show me connection error in terminal

[nitropan]

What a great video! could you provide the instructions to make the frontend production ready? is it "npm run build" ? how can it be deployed?

[thestarvingkid]

While editing employee, the category section is not updating, instead the default category is coming. For example "IT". Please help

[hirafatima]

Sir I did the same but public and src folder not showing what can I do

[krishnaKP]

Axios network error how Clear the error

[tonmoysaha]

The code works fine and the token gets deleted when I logout. But if I refresh any page while logged in then the token doesn't get deleted upon logging out and it redirects to dashboard url with a white blank page. Any idea why?

[DineshKumar-gpyd]

Build admin can delete and create users

[bravinonwonga]

To solve the filename is undefine add encType="multipart/form-data" to your form component i.e. <form className='yourForm' encType="multipart/form-data>

[DineshKumar-gpyd]

Bro please quickly upload part 2
You know i need this project so please upload 2 part bro