Skip to content

udbhav-s/vue-ccg-monkeybattle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Monkeybattle

Monkeybattle is a Hearthstone-style CCG made with Vue 3 & NestJS in TypeScript. It uses Vue to render the game in the DOM and features a completely reactive game state from the server down to the front end by using a combination of JS Proxies, JSON patching and a reactive Vue state.

image

Setup

Create a postgres database and a .env file in /monkeybattle-server with the following info

DATABASE_HOST
DATABASE_USERNAME
DATABASE_PASSWORD
DATABASE_NAME

Run the database migration

npm run migrate

Running the project

# compile the shared code used between server and client
cd engine
npm install
npm run compile

# Run the server
cd ../monkeybattle-server
npm install
npm run start

# Run the client
cd ../monkeybattle-client
npm install
npm run serve

State Management Overview

game state

About

A collectible card game using a reactive Vue stack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published