Skip to content

Manoj-Gmk/react-form-validation

Repository files navigation

Form Validation App

This is a professional and user-friendly form validation web application built using React and Vite. The form includes real-time input handling and clear validation messages for required fields.

🚀 Project Purpose

The purpose of this project is to demonstrate how to build a clean and professional form using React. It handles user input, performs validation, and displays appropriate error messages only for important fields like First Name, Last Name, Email, and Phone Number.

📸 Screenshots

Form UI Screenshot

🔗 GitHub Repository

https://github.com/Manoj-Gmk/react-form-validation.git

🛠️ Tech Stack

  • React
  • Vite
  • HTML5
  • CSS3
  • JavaScript (ES6+)

📁 Project Setup

1. Clone the repository

git clone https://github.com/Manoj-Gmk/react-form-validation.git

2. Navigate to project directory

cd react-form-validation

3. Install dependencies

npm install

4. Run the development server

npm run dev

5. Open in browser

Visit: (http://localhost:5173)

🧠 Features

  • Form fields: First Name, Last Name, Email, Phone Number, Gender, Resume Upload, About section.
  • Only important fields (First Name, Last Name, Email, Phone Number) have validation.
  • Error messages appear below the respective fields.
  • Clean UI with professional styling.
  • Reset and Submit buttons with modern color scheme.
  • Responsive design.

🙋‍♂️ Author

Name: Manoj
Role: Frontend Developer (Fresher)
GitHub: https://github.com/Manoj-Gmk


Thank you for visiting! 🌟 Feel free to contribute or give feedback.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published