A modern web messaging application

Run Database container

Clone the project

  git clone https://github.com/briantwene/ambitious-bishes.git

Go to the database folder

  cd database

Create a docker volume called db_data

  docker volume create db_data

Then, start the container

  docker compose up

The database should be running

Next, is to get prisma working, the schema is there already

Install dependencies (make sure that you're in /backend)

  npm install

now run the following to generate the prisma client

  npx prisma generate

OR

You probably wont have to do this, but @briantwene will let you know

if the prisma schema has changed (if a table has been added or modified) run this

  npx prisma migrate dev

Then

One last thing would be to create an .env file in /backend and add the following:

# Database configuration
DATABASE_URL=postgresql://username:password@localhost:5432/databasename?schema=public

The username, password and database can be found in docker-compose.yml

React app setup

1. Install dependencies

  cd frontend
  npm install

2. Run dev build

  npm run dev

Notes

Sass variables

Here is a list of the current Sass variables:

$color-primary: #0881a3;
$color-primary-bright: #84d2e8;
$color-primary-dark: #125067;

$color-secondary: #adadad;
$color-secondary-bright: #f7f7f7;
$color-secondary-dark: #363636;

$color-text: #111111;
$color-text-bright: #33373d;

$color-invalid: #dd1c1a;

$font-light: 300;
$font-regular: 400;
$font-semibold: 600;
$font-bold: 800;

$font-small: 0.85rem;

To use them just import the variables.scss file in the modules.scss file, for example:

@import "./sass_utilities/variables.scss";