FlexiForms
FlexiForms lets users build dynamic forms with multiple sections and field types, then collect and review submissions. The React front end handles drag-and-drop and live preview while a Node and Express backend persists forms and responses to MongoDB.
- Started
- 2024
- Stack
- React, React Router, react-beautiful-dnd, TailwindCSS, Node.js, Express, MongoDB, Mongoose, JWT
- Kind
- Experiment
- Source
- Public
Why I built it
Creating and managing custom forms usually means rigid tools; this is a hands-on build of a flexible form builder with its own authentication and submission storage.
What it does
- Drag-and-drop form creation with multiple sections and field types (text, number, date, file upload)
- Real-time form preview while building
- User registration, login, and management of created forms
- Submission handling and review, persisted in MongoDB
How it is built
React 18 with React Router and react-beautiful-dnd and TailwindCSS on the front end, backed by Node.js, Express, and Mongoose on MongoDB, with JWT auth and bcrypt password hashing.
How it evolved
- 2024Scoped
Creating and managing custom forms usually means rigid tools; this is a hands-on build of a flexible form builder with its own authentication and submission storage.
- 2024Built
React 18 with React Router and react-beautiful-dnd and TailwindCSS on the front end, backed by Node.js, Express, and Mongoose on MongoDB, with JWT auth and bcrypt password hashing.
- 2024Live
Shipped and kept it running.
Built by Syed Tasavour. More at syedtasavour.com.