🧾 Next.js Form Builder

A lightweight, user-friendly form builder service built with Next.js and Redux Toolkit, allowing users to:

✅ Create custom forms
✅ Customize fields (name, type, placeholder, required, defaultValue)
✅ Add or remove input fields and select dropdowns dynamically
✅ Generate React or Next.js code for instant use!

---

⚡ Features

• 🧑‍💻 Live code export for Next.js and React.
• 🏷 Supports:
  • Text Inputs
  • Select Dropdowns
  • Validation Properties: required, defaultValue
• 💡 Guest use — no login required.
• ⚡ Built for performance & ease of use.

---

🧑‍💻 Tech Stack

Name	Purpose
Next.js	Framework
Chakra	UI Library
Redux Toolkit	State Management
TailwindCSS	Styling
TypeScript	Type Safety

---

🚀 How to Run Locally

git clone https://github.com/your-username/nextjs-form-builder.git
cd nextjs-form-builder
yarn
yarn run dev

💡 Open http://localhost:3000 to see the app.

---

💡 Usage Flow

1. Visit the homepage.
2. Click "Get Started."
3. Build your form:
   • Select Input / Select field.
   • Configure properties like type, name, placeholder, required etc.
   • Add options for dropdown fields.
4. Copy your clean React or Next.js ready code!

---

📂 Folder Structure

src/
├── components/      # Chakra UI components
├── app/           # Next.js pages
├── lib/           # State management
├── utils/           # Code generators
├── types/           # Shared types

---

⚙️ Future Enhancements

• 🏗 Drag & drop field reordering.
• 🗃 Save forms to cloud (when user system is ready).
• 📥 Export to JSON schema.
• 💾 LocalStorage auto-save.

---

💻 Contributing

PRs are welcome!
Please fork, improve, and create a Pull Request.

---

📜 License

MIT — free for personal and commercial use.