React Form Validation 🧾

A beginner-friendly React Form Validation project built to understand how forms work in real-world React applications.

This project focuses on handling controlled inputs, managing form state using useState, performing real-time validation, and displaying user-friendly error messages — without using any external libraries.

---

🔗 Live Demo

Live Project: https://react-form-iota-lime.vercel.app/

---

✨ Features

• Controlled form inputs
• Real-time form validation
• Field-level error handling
• Dynamic error messages
• Password & confirm password matching
• Clean and beginner-friendly UI

---

🧠 Concepts Covered

• Controlled components in React
• useState hook for form data
• Handling multiple inputs with a single handler
• Conditional rendering for errors
• Dynamic inline styling based on validation state
• Basic form validation logic

---

🛠️ Tech Stack

• React
• JavaScript (ES6+)
• CSS

---

📁 Project Structure

src/
│── App.jsx
│── App.css
│── main.jsx

---

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/jdcodebase/react-form

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

---

📚 Part of Web Development Series

This project is part of the Web Development Series by JDCodebase, where we cover:

• HTML
• CSS
• JavaScript
• React
• MERN Stack

---

🙌 Support

If you found this project helpful:

• ⭐ Star the repository
• 📺 Subscribe on YouTube
• 🔁 Share with others

Happy Coding 🚀 JDCodebase