/uzum-drawing-game

Uzum Drawing Game is a draw and guess game to play with your friends

Primary LanguageTypeScript

uzum-drawing-game

Uzum Drawing Game is a draw and guess game to play with your friends

Backend

Used technologies

  • Typescript
  • Nest.JS
  • Prisma.JS
  • PostgreSQL
  • Websockets

Steps to run

yarn install
yarn prisma migrate deploy
yarn prisma generate
yarn start:dev

To do

  • Add authentication
  • Add swagger
  • Add error handling
  • Add multiple rooms websocket handling
  • Add unit tests

Frontend

Used Technologies

  • TypeScript
  • React.JS
  • Socket.io
  • React Canvas Draw

ScreenShots

image

image

image

image

image

image

image

Steps to run

yarn install
yarn start

Run with Tilt

  • There must be a kubernetes cluster running If you are using minikube:
minikube start

Then run in the root folder:

tilt up

To Do

  • Migrate to Ant Design
  • Update text inputs to use antd
  • Add auth wrapper provider
  • Update canvas drawing component to use another package
  • Update cards componentes to use colors from the previous layout
  • Add Light/Dark Theme
  • Add token auth handler
  • Add ptBR/enUS translation

Infra

Used Technologies

  • Docker
  • Kubernetes
  • Tilt
  • Docker Compose

To Do

  • Update backend dockerfile to run with tilt
  • Add postgres into a kubernetes file
  • Run everything with tilt
  • Deploy application
  • Buy a domain