React-form-registration
React-form-registration copied to clipboard
Handling User Registration and Login with Redux, Form validations using Pure ReactJS applications without any external package.
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:
-
npm install
-
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:
- Perfect Folder Structure
- User Registration
- Login
- React-Redux (store implemetation)
- Route & Private Route (Authentication)
- Form Validations
- Individual Components (Input range, Multiselect & Profile Picture, …etc)
- Load data from local JSON file (mock data)
- No external libraries
- Custom Utils functions (Email validation, Format Phone (111) 111–1111), & localstorage, ... etc)
Tutorial is available on medium article
🎉 Demo Link 🎉
Login Screen

Register User

Home Screen

Compiles and minifies for production
npm build
Run your tests
npm test