KKodokod
Back to project

Sloth Board

Documentation

Installation guide, technical stack, and known limitations for Sloth Board.

How to install

Once the application is running, Swagger API documentation is available locally at the following URL: Swagger documentation.

[ 02 ]

Start Docker

Once prerequisites are installed, launch Docker Desktop and wait until the engine is ready.

[ 03 ]

Create a working directory

Create a dedicated project folder, then move into it.

Terminal
mkdir sloth-boardcd sloth-board

[ 04 ]

Clone the repositories

Inside this directory, clone the frontend and backend repositories.

Terminal
git clone https://github.com/trainer-activity-team/frontend-sloth-boardgit clone https://github.com/trainer-activity-team/backend-sloth-board

[ 05 ]

Get docker-compose.yml

Download the following file, then place it at the root of your working directory.

Expected directory layout

After cloning the repositories and placing docker-compose.yml at the root, your working directory should look like this. Only the main folders and key files are shown.

Project structure
sloth-board/
├── .env
├── docker-compose.yml
├── backend-sloth-board/
│   ├── prisma/
│   ├── src/
│   ├── test/
│   ├── Dockerfile
│   ├── package.json
│   └── .env
└── frontend-sloth-board/
    ├── public/
    ├── src/
    ├── Dockerfile
    ├── nginx.conf
    └── package.json

[ 06 ]

Root .env file

At the root of the directory (next to docker-compose.yml), create a .env file with the following content.

.env
# PostgreSQLPOSTGRES_USER=CHANGE_MEPOSTGRES_PASSWORD=CHANGE_MEPOSTGRES_DB=CHANGE_MEPOSTGRES_PORT=CHANGE_ME# pgAdminPGADMIN_DEFAULT_EMAIL=CHANGE_MEPGADMIN_DEFAULT_PASSWORD=CHANGE_MEPGADMIN_PORT=CHANGE_ME# BackendJWT_SECRET=CHANGE_MEJWT_EXPIRES_IN=CHANGE_MESWAGGER_ENABLED=CHANGE_ME# FrontendFRONTEND_PORT=CHANGE_ME

[ 07 ]

.env file in backend-sloth-board/

Inside the backend-sloth-board folder, create another .env file with the following content.

backend-sloth-board/.env
DATABASE_URL="CHANGE_ME"JWT_SECRET="CHANGE_ME"JWT_EXPIRES_IN=CHANGE_MESWAGGER_ENABLED=CHANGE_ME

[ 08 ]

Start the application

From the root of the directory, start all services in the background. The application is available at http://localhost (or http://localhost:YOUR_PORT if FRONTEND_PORT differs from 80). Swagger documentation is available at http://localhost/docs/.

Terminal
docker compose up -d

Technical stack

A self-hostable full stack application: React frontend, NestJS backend with Prisma, and a PostgreSQL database.

Frontend

  • React
  • Tailwind CSS

Backend

  • NestJS
  • Prisma

Database

  • PostgreSQL

Known limitations

Content coming soon.