Smart Dynamic Form

A responsive and animated form built using React, React Hook Form, Material UI, and Framer Motion.
The form dynamically validates 20 structured fields and improves the user experience with smooth animations and real-time error handling.

🚀 Features

• ✅ 20 dynamic input fields with real-time validation
• 🎨 Clean and responsive design using Material UI
• 💬 Real-time error handling with instant feedback
• ✨ Smooth form animation with Framer Motion
• 🧠 Built with react-hook-form for performance and simplicity
• 📱 Fully responsive layout (desktop and mobile)

---

🧪 Technologies Used

• React
• React Hook Form
• Material UI
• Framer Motion

---

📝 Usage Simply fill in the form fields. The form will:

Highlight errors for required or invalid inputs.

Automatically remove the error message when you start typing.

Show a confirmation alert on successful submission.

📈 Future Improvements Add file upload (CV / Resume)

Integrate with backend (e.g., Firebase or Express API)

Add multi-step form feature

Save input values to localStorage

---

⚙️ Installation & Running Locally

# Clone the project
git clone https://github.com/hamishisham/Smart-form.git
cd smart-form

# Install dependencies
npm install

# Start the development server
npm start