Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yatharth1706/formvibe
FormVibe - Create Forms With Ease. Alternative of typeform and airtable
https://github.com/yatharth1706/formvibe
appwrite formik lucide-icons nextjs13 reactdnd
Last synced: 27 days ago
JSON representation
FormVibe - Create Forms With Ease. Alternative of typeform and airtable
- Host: GitHub
- URL: https://github.com/yatharth1706/formvibe
- Owner: yatharth1706
- Created: 2023-05-23T17:13:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-02T09:52:15.000Z (about 1 year ago)
- Last Synced: 2024-09-21T11:02:24.926Z (about 1 month ago)
- Topics: appwrite, formik, lucide-icons, nextjs13, reactdnd
- Language: JavaScript
- Homepage: https://form-vibe.vercel.app
- Size: 2.21 MB
- Stars: 25
- Watchers: 2
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Form Vibe - Create Forms With Ease
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.
## Demo Video
https://youtu.be/FRMfz-3pbi0
## Features
- 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
## Roadmap
- Members Page for collaboration
- Integrations page
- Customizing form sharable link
- Attaching custom domain for sharing forms
## Tech Stack Used
- NextJS
- Appwrite
- Shadcn UI Components
- Lucide icons
- React DND for drag and drop
- Formik for forms
- Tailwind CSS
## Steps to run it locally
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
```