shortpoet / blog

kanban

This is an extension of a course by @Lachlan19900.

It uses Vue 3 Composition API for the frontend and PostgreSQL, TypeORM, and Express for the backend.

Can be run using docker.

usage

• install dependencies

yarn install

• launch rest api

yarn start:rest

• launch rest api

yarn start:graph

• run tests

yarn test

• setup docker containers using compose

./docker/build.sh

• run docker containers

docker-compose up

• take down containers and wipe docker volumes

./docker/wipe.sh

• shell into database

./docker/db-shell.sh

• run client tests in container

./docker/client-run-test.sh

• run server tests in container

./docker/server-run-test.sh

• shell into client using docker run

./docker/client-run-shell.sh

• or into running container using docker exec (use 'u' script for ubuntu)

./docker/client-a-shell.sh

server setup

mkdir server && cd server
yarn init
yarn add --dev typeorm reflect-metadata @types/node pg
# yarn global add typeorm # optional as needed
typeorm init --database postgres
yarn add --dev ts-jest @types/jest express express-graphql graphql @types/cors @types/express @vue/test-utils@next class-validator cors ts-node-dev type-graphql vite

• mssql

yarn add --dev mssql

vite

• make sure to add <script type="module" src="/src/main.ts"></script>

• tsconfig.json

{
  "compilerOptions": {
     "esModuleInterop": true,
     "module": "esnext",
     "types": [ "vite" ]
    },
}