Skip to content

NChang007/react-template-login-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Discription : This is an basic template of a react login form with password validation. The validation is represented to the user through a strength bar that updates as they change the password. This also includes simple but clean styles for the entire form.

Tips : 1- The strength bar and the validation code are both in the file PasswordStrengthBar.js
2- The password validation is a fuction so that you can easily copy it and add it in your project.
3- The strength bar similar to the password validation is seperated for ease of re-use, it consist of the 2 divs in the return and 2 fuctions updateProgressBar() that updates the styles and a separate updateProgressBarColor() fuction to handle the color change depending on the strength of the password

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published