Files
formbricks/apps/web
Moritz Rengert 8c838bc25c feature/position in app modal (#440)
* 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>
2023-06-28 15:25:58 +02:00
..
2023-06-28 15:25:58 +02:00
2023-05-19 12:08:24 +02:00
2023-06-28 15:25:58 +02:00
2023-06-28 13:07:51 +02:00
2023-06-28 13:07:51 +02:00

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:

  • Node.JS (we recommend v18)
  • pnpm
  • Docker (to run PostgreSQL / MailHog)
  1. Clone the project:

    git clone https://github.com/formbricks/formbricks
    

    and move into the directory

    cd formbricks
    
  2. Install Node.JS packages via pnpm. Don't have pnpm? Get it here

    pnpm install
    
  3. To make the process of installing a dev dependencies easier, we offer a docker-compose.yml with the following servers:

    • a postgres container and environment variables preset to reach it,
    • a mailhog container that acts as a mock SMTP server and shows received mails in a web UI (forwarded to your host's localhost:8025)
    docker-compose -f docker-compose.dev.yml up -d
    
  4. Create a .env file based on .env.example and change it according to your setup. If you are using a cloud based database or another mail server, you will need to update the DATABASE_URL and SMTP settings in your .env accordingly.

    cp .env.example .env
    
  5. Make sure your PostgreSQL Database Server is running. Then let prisma set up the database for you:

    pnpm dlx prisma migrate dev
    
  6. Start the development server:

    pnpm dev
    

    You 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