https://github.com/tariqs26/form-pulse
Form builder application
https://github.com/tariqs26/form-pulse
nextjs postgresql prisma react tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Form builder application
- Host: GitHub
- URL: https://github.com/tariqs26/form-pulse
- Owner: tariqs26
- Created: 2023-12-31T06:09:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-20T11:17:48.000Z (6 months ago)
- Last Synced: 2025-02-16T16:58:38.676Z (4 months ago)
- Topics: nextjs, postgresql, prisma, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://form-pulse.vercel.app
- Size: 480 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FormPulse
Full-stack web app for creating and sharing forms, built with Next.js, TypeScript, and Tailwind CSS.
## Features
- **Drag-and-Drop Form Builder:**
- Layout fields: paragraph, title, sub-title, spacer, separator,
- Input fields: text, number, select, date, checkbox, textarea
- **Share Forms:** Generate a unique URL for easy sharing.
- **View Responses:** Access form submissions in a tabular format.
- **Analytics:** Track form views and submissions.
## Technologies
| Technology | Purpose |
| --------------------------------------------- | -------------------------- |
| [Next.js](https://nextjs.org/) | Full-stack React framework |
| [TypeScript](https://www.typescriptlang.org/) | Language |
| [Clerk](https://clerk.dev/) | Authentication |
| [Prisma](https://www.prisma.io/) | ORM |
| [PostgreSQL](https://www.postgresql.org/) | Database |
| [Tailwind CSS](https://tailwindcss.com/) | CSS framework |
| [Shadcn/ui](https://ui.shadcn.com/) | UI components |
## Setup
### Installation
```bash
npm install
```
### Environment Variables
```bash
# Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
# Clerk Custom Routing
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
# Prisma with Vercel Postgres
POSTGRES_PRISMA_URL=
POSTGRES_URL_NON_POOLING=
```
## Available Commands
| Command | Description |
| ---------------- | --------------------------------------------- |
| `npm run dev` | Start the development server (localhost:3000) |
| `npm run lint` | Lint the project |
| `npm run format` | Format the code |
| `npm run build` | Build the app for production |
| `npm run start` | Run the production build |