Sign-up Form Example

This is an example of a sign-up form built on React using the React Hook Form library. The form is my attempt to use the best practices for such forms.

The sign-up form contains:

• Setting appropriate field types: modern browsers provide additional tools (such as autocompletion, field validation, or password generation) based on field types, so using correct input types ensures a better user experience.
• Highlighting fields: fields are visually highlighted to help users understand where they are in the form and whether they have made any mistakes.
• Field validation, error processing and displaying error messages: real-time validation ensures that users make fewer mistakes and complete the form faster.
• Using special attributes for accessibility: attributes such as aria-label or aria-describedby are used to make the form accessible to screen readers, which is essential for users who are blind, visually impaired, illiterate, or have learning disabilities.
• Responsive design: the form is designed to be fully responsive, using Flexbox and media queries, to ensure a seamless experience across all devices, from mobile phones to desktops.

---

Link to the form

---

Tech Stack

Javascript

Typescript

React

React Hook Form

---

Scripts

Script	Description
yarn start	Runs the application
yarn build	Makes a build for GitHub Pages
gh-pages -d build	Deploys the build to GitHub Pages

---