SignUp and SigIn forms created and validated using React Hook Form
- A Registration form is created with input sections Name, Email and Password
- When a user enters the data in valid format and submits the form, the form data is poppulated in the output section above the form
- If the data entered doesn't satifies the required format, then error messages are displayed within the form section below the coressponding input field
- A
Clear
button is there in the output section to clear the previous form data from the output section - The output section, form data and errors can be cleared by refreshing the web app.
React, Javascript, Html, Css
- React Hook Form
- Installation:
npm install react-hook-form
- Usage:
import {useForm} from 'react-hook-form
- Adding a Reset button to clear the form data and validation errors
- Preventing the HTML default validation from occurring or atleast being displayed on the app
- Adding a Storage for the User details after registration is successful
- Adding a SignIn form to allow the user to login to its account
- Implementing React Router Authentication
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.