/React-form-registration

Handling User Registration and Login with Redux, Form validations using Pure ReactJS applications without any external package.

Primary LanguageJavaScript

Pure ReactJS form registration

Handling User Registration and Login with Redux, Form validations & Route using Pure ReactJS applications without any external package.

Project setup

In the project directory, you can run:

  1. npm install
  2. npm start

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

The page will reload if you make edits.
You will also see any lint errors in the console.

Features available in the application:

  1. Perfect Folder Structure
  2. User Registration
  3. Login
  4. React-Redux (store implemetation)
  5. Route & Private Route (Authentication)
  6. Form Validations
  7. Individual Components (Input range, Multiselect & Profile Picture, …etc)
  8. Load data from local JSON file (mock data)
  9. No external libraries
  10. Custom Utils functions (Email validation, Format Phone (111) 111–1111), & localstorage, ... etc)

Tutorial is available on medium article

🎉 Demo Link 🎉

Login Screen

Screenshot 2020-07-19 at 10 38 49 AM

Register User

Screenshot 2020-07-19 at 10 40 15 AM

Home Screen

Screenshot 2020-07-19 at 10 41 02 AM

Compiles and minifies for production

npm build

Run your tests

npm test