Inspired by a post from Yangshun Tay, CEO of GreatFrontEnd, I decided to build my own form builder as an exercise. Through this app, you can easily craft custom forms, share them with your audience, and gain insights from their responses.

Note: This is a prototype app. Data may not be consistently saved. We recommend not using it for critical or real-world tasks.

See it live!

TO DO

🚧 This project is and will always be a work in progress

• Allow user to delete forms
• AI (of course): allow the users to build forms using an internal AI agent
• Accessiblity: evaluate color contrast
• Perceived Performance: make sure we add proper feedback when action are performed (loading and pending states)
• Accessibility: make sure keyboard users can use the app
• Accessibility: make sure screen reader users can use the app
• Responsiveness: make sure user can use the app on mobile
• Error handling: display feedback to the user when something goes wrong

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.