Skip to content

Authorisation page. React.js + Typescript, Redux

Notifications You must be signed in to change notification settings

Antreesy/auth-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Code Challenge - Auth form with validation

Technology stack:

  • Typescript
  • React
  • Redux
  • React Router

Task:

Develop a SPA application using React, Redux, Webpack, or CRA. Create multiple pages: Login, Registration, Change password. Expandable menu to switch between pages with page name.

Registration:

  1. Email - must validate that the email is correct
  2. Password - validation of the number of characters (from 4 to 10) and for the presence of a capital letter.
  3. Repeat password - must be identical to password.

Page with authorization:

  1. Email - must validate that the email is correct
  2. Password - validation of the number of characters (from 4 to 10) and for the presence of a capital letter.

Change password:

  1. Old password
  2. New password - validation of the number of characters (from 4 to 10) and the presence of a capital letter.
  3. Repeat password - must be identical to password.

The password change page is available only to authorized users. The registration and authorization pages are only unauthorized. Make an imitation of a request to the server for each page and receive a response from the server about successful registration / authorization / password change.

Additions: Using middleware for API Saving the state of inputs when switching between pages. Notification system: About an internal error, about the presence of an incorrect password, about successful login, registration, etc.

Launch of the project

npm run start

Starting the server with authorization data on http://localhost:8000 Running the application on http://localhost:3000

Login/password for login: [email protected] / Admin123 or [email protected] / User12345, stored in db.json Authorization data: stored in db.json

About

Authorisation page. React.js + Typescript, Redux

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published