https://github.com/fres-sudo/form-wizard

Full stack modern web-app that allows users to create interactive, customizable, and share-able forms.
https://github.com/fres-sudo/form-wizard

Last synced: 9 months ago
JSON representation

Full stack modern web-app that allows users to create interactive, customizable, and share-able forms.

• Host: GitHub
• URL: https://github.com/fres-sudo/form-wizard
• Owner: fres-sudo
• Created: 2024-01-03T21:58:59.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-24T08:35:11.000Z (about 2 years ago)
• Last Synced: 2025-03-04T06:29:17.871Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://formwizard.fres.space
• Size: 817 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🔺What is it?🔺

Form Wizard is a web app that allows users to create interactive, customizable, and shareable forms.

## 🔺Why?🔺

Inspired by [this tutorial](https://www.youtube.com/watch?v=QGXUUXy0AMw&t=9748s), I really thought that the current building form possibilities were outdated and less capable of being simple and interactive. So, I built my own form builder.

## 🔺How?🔺

The app is built with React, TypeScript, TailwindCSS, Prisma, and DnD-Kit. It is fully integrated with all browsers, the server, and an authentication system.

## 🔺Functioning🔺

Dashboard and landing

![Dashboard](images/dashboard.png)

Editor

![Editor](images/editor.png)

Editor Preview

![Editor Preview](images/editor-preview.png)

Form Daashboard and stats

![Form Daashboard](images/form-dashboard.png)

## 🔺Getting Started🔺

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with you broswer to take a look.