Skip to content

uwblueprint/abtc

Repository files navigation

A Better Tent City

A Better Tent City (ABTC) is a registered NPO based in the Kitchener Waterloo region that believes that everyone should have a right to housing. ABTC provides homeless individuals an opportunity to move from dangerous conditions to safer, more hygienic facilities. The site includes built-in showers, laundry facilities and regular visits from mobile health clinics and HIV testing. Food is provided via ABTC’s partner organizations such as the Foodbank of Waterloo Region which sends weekly deliveries.

Please see our Notion workspace for more information and technical details!

Stack Choices

Backend Language: TypeScript (Express.js on Node.js)
Backend API: REST
Database: MongoDB

The provided frontend is a React application written in TypeScript.

Table of Contents

Prerequisites

Set up

  1. Clone this repository and cd into the project folder
git clone https://github.com/uwblueprint/abtc.git
cd abtc
  1. Pull secrets from Vault
vault kv get -format=json kv/internal-tools | python update_secret_files.py
  1. Generate a Firebase service account private key. Go to our project in the Firebase console, click "Project settings" > "Service accounts" > "Generate private key", wait for a file to be downloaded. Copy the file into /backend/typescript/ and /backend/python, and rename both to firebaseServiceAccount.json
  2. Comment out one of the backend services in docker-compose.yml
  3. In the root .env file, change the name of the MongoDB database according to the backend you're using: either typescript-test or python-test
  4. If using the Python backend, update the email address and display name on lines 23-24 in backend/python/app/rest/auth_routes.py to be [email protected] and Internal Tools respectively
  5. Run the application
docker-compose up --build

The backend runs at http://localhost:5000 and the frontend runs at http://localhost:3000. By default, we use GraphQL (with TypeScript backend), REST (with Python backend), MongoDB, with user auth.

Creating a Release

To update the release branch with commits from main:

  1. Create a new branch off the release branch
  2. Merge main into the new branch
  3. Open a PR from your new branch -> release branch
  4. Reviewers should be able to see just the changes from the new main commits
  5. Merge the PR, it should just show up as a single commit in the commit history of the release branch
  6. Tag the most recent main commit included in the release
git tag <semver> <short-hash-of-main-commit>
git push origin --tags

Useful Commands

Get Names & Statuses of Running Containers

docker ps

Accessing PostgreSQL Database

# run a bash shell in the container
docker exec -it scv2_db /bin/bash

# in container now
psql -U postgres -d scv2

# in postgres shell, some common commands:
# display all table names
\dt
# quit
\q
# you can run any SQL query, don't forget the semicolon!
SELECT * FROM <table-name>;

Linting & Formatting

Python backend:

docker exec -it scv2_py_backend /bin/bash -c "black ."

TypeScript backend and frontend:

# linting & formatting warnings only
docker exec -it scv2_ts_backend /bin/bash -c "yarn lint"

# linting with fix & formatting
docker exec -it scv2_ts_backend /bin/bash -c "yarn fix"

Running Tests

Python backend:

docker exec -it scv2_py_backend /bin/bash -c "pip install -e . && pytest"

TypeScript backend and frontend:

docker exec -it scv2_ts_backend /bin/bash -c "yarn test"

Seeding the Database

  1. Make sure your seeding script is named "seed.ts" and under backend/typescript/prisma
  2. Go into our scv2_ts_backend docker container
  3. Go to "Files" - ".env"
  4. Open file editor
  5. Change the "test" in the database URL to "development" to populate the development collection
  6. Run the container
  7. Go to "Exec"
  8. Type in npx prisma db seed -- --environment development

Updating Documentation

To update documentation, checkout the gh-pages branch:

git checkout gh-pages

All documentation should be added to the docs folder. After making changes, commit and push to GitHub. The changes will be automatically deployed.

We use Jekyll to build the site, so you will need to install some additional dependencies to run the site locally. See this article for more details.

To run locally:

bundle exec jekyll serve

Version Control Guide

Branching

  • Branch off of main for all feature work and bug fixes, creating a "feature branch". Prefix the feature branch name with your name. The branch name should be in kebab case and it should be short and descriptive. E.g. sherry/readme-update
  • To integrate changes on main into your feature branch, use rebase instead of merge
# currently working on feature branch, there are new commits on main
git pull origin main --rebase

# if there are conflicts, resolve them and then:
git add .
git rebase --continue

# force push to remote feature branch
git push -f

Commits

  • Commits should be atomic (guideline: the commit is self-contained; a reviewer could make sense of it even if they viewed the commit diff in isolation)
  • Trivial commits (e.g. fixing a typo in the previous commit, formatting changes) should be squashed or fixup'd into the last non-trivial commit
# last commit contained a typo, fixed now
git add .
git commit -m "Fix typo"

# fixup into previous commit through interactive rebase
# x in HEAD~x refers to the last x commits you want to view
git rebase -i HEAD~2
# text editor opens, follow instructions in there to fixup

# force push to remote feature branch
git push -f
  • Commit messages and PR names are descriptive and written in imperative tense1. The first word should be capitalized. E.g. "Create user REST endpoints", not "Created user REST endpoints"
  • PRs can contain multiple commits, they do not need to be squashed together before merging as long as each commit is atomic. Our repo is configured to only allow squash commits to main so the entire PR will appear as 1 commit on main, but the individual commits are preserved when viewing the PR.

1: From Git's own guidelines