Programming Insider
444 subscribers
30 photos
37 files
77 links
Download Telegram
https://youtu.be/QANzvoWmKo0

This video explores how to login by generating JWT(JSON web token). While the user logs in the password must be compared to the original password in a database, and if it is matched then it generates JWT and stores it in the browser localStorage. I hope you enjoy the video and learn a lot of concepts regarding login, logout, comparing passwords, and JWT (JSON Web Token).

Contents of the video
00:00 - Intro
00:42 - Validating HTML form Inputs
05:54 - Create Route and Controllers in ExpressJs/ NodeJs
07:38 - Connect ExpressJs routes (API) to frontend by using Axios
11:52 - Checking if there is a registration by the email
16:42 - Compare or Decrypt Password by using bcryptjs
21:23 - Generate JWT (JSON Web Token)
40:30 - Logout

@programminginsider
Login and logout system by generate JWT (JSON Web Token).zip
210.9 KB
How to create a Login and Logout System By Generate JWT (JSON Web Token) | Expressjs, and MongoDB

All materials (like pictures, gifs, and codes....) are provided on
• GitHub: https://github.com/ProgrammingInsider/Login-and-logout-system-by-generate-JWT-JSON-Web-Token-

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
Display data from MongoDB database by decoding token.zip
208 KB
Display Data From MongoDB Database by Authenticating Token | Nodejs, Expressjs, and MongoDB

All materials (like pictures, gifs, and codes....) are provided on
• GitHub: https://github.com/ProgrammingInsider/Display-data-from-MongoDB-database-by-authenticating-token

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
Upload File by using express-fileupload.zip
2.4 MB
How to upload files by express-fileupload module | expressjs, mongoDB, nodeJs

All materials (like pictures, gifs, and codes....) are provided on
• GitHub: https://github.com/ProgrammingInsider/upload-image-by-express-fileupload

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
update data stored in the MongoDB Database.zip
2.1 MB
How to Update Data in MongoDB Database | Nodejs, Expressjs, and MongoDB

All materials (like pictures, gifs, and codes....) are provided on
• GitHub:
https://github.com/ProgrammingInsider/Update-Data-in-MongoDB-Database

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
1
Programming Insider pinned «https://youtu.be/4l4iLky90Js This video shows how to update personal Information stored in the MongoDB Database by using Expressjs and Reactjs @programminginsider»
https://youtu.be/PaHO7v3crd8

How to create responsive website header | Html, CSS, and JavaScript

@programminginsider
Responsive Website Header.zip
2.9 MB
How to create responsive website header | Html, CSS, and JavaScript

All materials (like pictures, gifs, and codes....) are provided on
• Telegram:

• GitHub:
https://github.com/ProgrammingInsider/Responsive-Website-Header

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
https://youtu.be/ErlGcLm0dZc

How to create a responsive contact form with Embed a Google Map | HTML, CSS

@programminginsider
How_to_create_a_responsive_contact_form_with_Embed_a_Google_Map.zip
2.3 KB
How to create a responsive contact form with Embed a Google Map | HTML, CSS

All materials (like pictures, gifs, and codes....) are provided on
• Telegram:
https://t.me/programmingInsider/61
• GitHub:
https://github.com/ProgrammingInsider/Responsive-contact-form-with-Embedded-Google-Map

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
https://youtu.be/9OUTSoCd41g

How to create a responsive image card with vertical text | HTML and CSS

@programminginsider
👍1
Responsive Image Card With Vertical Text.zip
252.7 KB
How to create a responsive image card with vertical text | HTML and CSS

All materials (like pictures, gifs, and codes....) are provided on
• GitHub: https://github.com/ProgrammingInsider/Responsive-Image-card-with-vertical-text

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider
👍2
https://youtu.be/6Y4NNk_lj4w

How to create a responsive animated login and signup form with show/hide password | HTML,CSS, JavaScript

Contents of the video

• Toggle between login and signup form
• Toggle between Dark and Light Mode
• Animate/ Change the position of the placeholder
• Show/Hide Password

@programminginsider
👍2
Responsive_and_animated_login_&_signup_form_with_hide_and_show_password.zip
184.5 KB
How to create a responsive animated login and signup form with show/hide password | HTML, CSS, JavaScript

All materials (like pictures, gifs, and codes....) are provided on

• GitHub:
https://github.com/ProgrammingInsider/Animated-login-and-signup-form-with-hide-and-show-password

Subscribe to my channel https://www.youtube.com/@ProgrammingInsider?sub_confirmation=1

@programminginsider