yatharth1706 / formvibe Goto Github PK

Interactive form desginer tool. Alternative of typeform and airtable, with interactive user interface to design forms and share them with users. Provides built in drag and drop feature in the form builder which users can use to build forms in easy way and customize accordingly.

https://youtu.be/FRMfz-3pbi0

• Create Forms using Interactive Form Builder
• Edit Form
• Share form with the unique form slug
• Share on social media platforms
• Preview form
• Choose templates to create form
• Collect responses from the user
• Manage your account
• Use AI to create forms automatically

• Members Page for collaboration
• Integrations page
• Customizing form sharable link
• Attaching custom domain for sharing forms

• NextJS
• Appwrite
• Shadcn UI Components
• Lucide icons
• React DND for drag and drop
• Formik for forms
• Tailwind CSS

1. Clone the repository

git clone https://github.com/yatharth1706/FormVibe.git
cd FormVibe

2. Install all dependencies

npm install

3. Copy .env.example file to .env.local and replace all the values with your credentials
4. Create a project in appwrite console and add a web platform. Create one api key and give full database and storage access to that api key.
5. Store that api key and project id in .env file
6. Run the following script in your terminal. It will setup all required appwrite collections, indexes, attributes and bucket etc.

node scripts/initialSetup.js

7. Store all the required env variables after running above script
8. Run the dev server

npm run dev