Geneve Emotion Wheel app

Used technologies

• NextJS - React framework learn more
• Supabase - Providing PostgresSQL DB learn more
• Prisma - Database schema controller and ORM learn more
• SurveyJS - Library for making surveys learn more

Prerequisites

• Node.js latest version installed
• GitHub account
• Git file versioning system
• Visual Studio Code - code editor

How to setup the project

Fork the repository

To get a copy of the code on your GitHub profile press Fork -> Create fork

Setup steps video

Clone the repository and install dependencies

1. Open cmd or Visual Studio Code -> Terminal
2. Navigate to folder where to save the local project

cd PATH_TO_PROJECT

For example

cd desktop

3. Clone the project (you can find the link in your repository under Code button)

git clone https://github.com/<your-username>/<repository-name>.git
cd <repository-name>

4. Install dependencies

npm install

Setup Supabase

1. Create new project
2. You can find connection parameters in Project Settings -> Database

Create environment file

1. Copy .env.example file and rename to .env
2. Copy Connection string from Supabase
3. In .env for DIRECT_URL paste the string and replace [YOUR-PASSWORD]
4. For DATABASE_URL paste the string, replace [YOUR-PASSWORD] and change the end to 6543/postgres?pgbouncer=true&connection_limit=1 instead of 5432/postgres

# example
DATABASE_URL="postgres://[DATABASE-USER]:[YOUR-PASSWORD]@aws-0-eu-central-1.pooler.supabase.com:6543/postgres?pgbouncer=true&connection_limit=1"
DIRECT_URL="postgres://[DATABASE-USER]:[YOUR-PASSWORD]@aws-0-eu-central-1.pooler.supabase.com:5432/postgres"

Create database

1. In your project folder run:

npx prisma migrate dev --name init

To run the development server (local):

1. In your project folder run:

npm run dev

2. Open http://localhost:3000 with your browser to see the result.

Deploy on Vercel

1. Add new project
2. Import the repository from GitHub

3. Create Environment Variables (replace YOUR_DIRECT_URL and YOUR_DATABASE_URL with your values)

4. Press Deploy