* add placement enum and prop to db scheme * enable placement toggle in setttings * enable in-app survey placement demo * add position helper function * add placement to in-app-modal preview * add placement prop to api endpoint * add placement to widget * remove coming soon * add styling * add apply tailwind styles instead of a ts function * add clickoutside and darkoverlay prop * add darkOverlay and clickOutside form * update js package tailwind apply classes * add background to widget and close on click outside * only show backdrop and clickOutside if is center * only display background when modal is centered * responsive changes in js widget * add updated migration, move styles from global.css to function --------- Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>
Formbricks
still in development
Everything you always wanted (from a form tool)...
The days of scattered response data are counted. Manage all form data in one place. Analyze right here or pipe your data where you need it.
How to run locally (for development)
To get the project running locally on your machine you need to have the following development tools installed:
-
Clone the project:
git clone https://github.com/formbricks/formbricksand move into the directory
cd formbricks -
Install Node.JS packages via pnpm. Don't have pnpm? Get it here
pnpm install -
To make the process of installing a dev dependencies easier, we offer a
docker-compose.ymlwith the following servers:- a
postgrescontainer and environment variables preset to reach it, - a
mailhogcontainer that acts as a mock SMTP server and shows received mails in a web UI (forwarded to your host'slocalhost:8025)
docker-compose -f docker-compose.dev.yml up -d - a
-
Create a
.envfile based on.env.exampleand change it according to your setup. If you are using a cloud based database or another mail server, you will need to update theDATABASE_URLand SMTP settings in your.envaccordingly.cp .env.example .env -
Make sure your PostgreSQL Database Server is running. Then let prisma set up the database for you:
pnpm dlx prisma migrate dev -
Start the development server:
pnpm devYou can now access the app on http://localhost:3000. You will be automatically redirected to the login. To use your local installation of formbricks, create a new account.
For viewing the confirmation email and other emails the system sends you, you can access mailhog at http://localhost:8025
Build
To build all apps and packages, run the following command:
pnpm build
Develop
To develop all apps and packages, run the following command:
pnpm dev