Health Form is a web application built with Next.js, TypeScript, Styled Components, React Icons, and Yup Schema. It allows users to fill out a health declaration form that collects patient and contact information. The form includes various components such as checkboxes, selects, and inputs, with some fields being mandatory. The form validates the user input and displays relevant error messages for any missing or incorrect data.
Check out the live demo of the project here.
- User-friendly interface for filling out the health declaration form.
- Components for checkboxes, selects, and inputs with validation.
- Real-time validation and error display for mandatory fields.
- Secure handling of user data and privacy protection.
- Next.js: A React framework for server-side rendering and optimized performance.
- TypeScript: A typed superset of JavaScript for enhanced code reliability.
- Styled Components: A CSS-in-JS library for styling React components.
- React Icons: Icon library for easy integration of SVG icons.
- Yup Schema: A schema-based validation library for form validation.
To run the project locally, follow these steps:
- Ensure you have Node.js and npm (Node Package Manager) installed on your system.
- Clone this repository to your local machine.
- Navigate to the project directory in the terminal.
- Install the required dependencies using the following command:
npm install
- Start the development server with:
npm run dev
- Access the application in your web browser through http://localhost:3000.
Access the Health Form application using the provided link.
Fill out the health declaration form, providing patient and contact information.
Ensure to complete all mandatory fields to avoid validation errors.
Submit the form once all information is provided.