Simple Contact Form

Overview

This project is a simple, responsive contact form built using React, TypeScript, and Vite. The form utilizes the react-hook-form library for efficient form state management and validation. It includes essential fields like name, email, and message, each with validation rules to ensure proper data entry.

Features

• Name: Required field with validation.
• Email: Required field with validation for proper email format.
• Message: Required field with validation.
• Form Validation: Real-time error messages display for invalid or missing inputs.

Technologies Used

• React: A JavaScript library for building user interfaces.
• TypeScript: A strongly typed programming language that builds on JavaScript.
• Vite: A fast and lean development environment that offers an optimized build process.
• react-hook-form: A library for managing forms in React with ease.

Installation

To run this project locally:

1. Clone the repository:

   git clone https://github.com/Gadisa16/Contact-Form-by-react-hook-form.git
   
   

screenshots

This is what you will see if you run the app:

This is how the form respond, when fields are not filled:

when submitted successfully: