🛠️ FormBuilder

A customizable form-building tool built with React, TypeScript, and TailwindCSS.
Easily create, preview, and manage dynamic forms with different field types and styles.

---

Demo.mp4

🚀 Features

• ✏️ Add, edit, and delete form fields
• 🎯 Supports text, number, date, checkbox, radio, and select fields
• 🔍 Live preview of the form
• 🎨 Styled with TailwindCSS for modern and responsive UI
• ⚡ Built with React + TypeScript for type safety and maintainability

---

🏗️ Tech Stack

• React (Frontend UI)
• TypeScript (Type safety)
• TailwindCSS (Styling)
• **Vite (Bundler — depending on your setup)

---

📂 Project Structure

src/
svg/ # Reusable UI svg
App.tsx # App entry point
Create.tsx # form create page
main.tsx # React DOM render
App.css # Tailwind base styles

Instalation

cd FormBuilder  ## open the man directory

# Install dependencies
npm install

# Run development server
npm run dev

---

📬 Contact

If you have any questions, suggestions, or feedback, feel free to reach out:

• Name: Suraj Gupta
• Email: [surajgupt880@gmail.com]
• GitHub: surajgupt01
• LinkedIn: suraj-gupta

---