Code Monkey home page Code Monkey logo

pixelated's Introduction

COMP3006 - Pixelated a Pictionary Game

A party-based pictionary game

Technology

Pixelated uses yarn workspaces to construct a monorepo.

  • React - Build the interactive UI through components
  • NodeJs + ExpressJs - Build the API and web socket handling
  • MongoDb - Data persistence

Requirements

  • node version 16 or above.
  • docker installed (if you decide to run the MongoDb container over using atlas)
  • yarn version 1 (recommended) or above.

Setup

  1. Clone the repo and go into the root directory.
  2. Run yarn to install packages dependencies.
  3. Go into apps/client and copy the .env.example file. Make a .env file and copy contents over.
  4. Repeat for apps/server environment file.
  5. If you're using a MongoDb Atlas connection string, then you do not need to provide the other MongoDb variables
  6. If you're using the docker file to run Mongo. Do the following:
    1. Ensure you are inside apps/server directory.
    2. Ensure .env file contains the outlined variables below. .env.example has defaults:
      • MONGO_DB_NAME
      • MONGO_DB_USERNAME
      • MONGO_DB_PASSWORD
      • MONGO_CONNECTION_URL
    3. Run docker-compose up -d
  7. Now you should be ready to go! Go back to the root directoy and run yarn dev to start the application.

pixelated's People

Contributors

tom-ads avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.