Giter Site home page Giter Site logo

speedia's Introduction

Speedia

Speedia is a real-time online Wikipedia racing web-app, built in Vue and Node. Select a category, face your opponent, and reach the final article first!

Screenshots

Running Speedia Yourself

Tech Stack

Prerequisites

Speedia is tested to work on the following platforms:

  • MacOS High Sierra 10.13.6+ (x86_64)
  • Ubuntu Linux 19.0.0+ (x86_64)

If you're on a Windows environment, running Speedia through the Ubuntu Terminal might be possible.

Before jumping in to everything, it might be a good idea to get familiar with these tools if you aren't already:

  • Bash, which allows us to run, build, and deploy the app
  • Yarn (or NPM), the package manager for Node that helps install the app's dependencies

Installation Steps

  1. Clone or download the repository through the Clone or Download button here on GitHub or through your command line
  2. In the command line, move to the repository and run yarn install to install all dependencies
  3. Once Yarn has installed everything without errors, open up two terminal windows to separate output from the frontend and the backend (optional but recommended)
  4. Run yarn frontend in the first terminal to run the frontend web app (available on localhost:8080)
  5. Run yarn backend in the second terminal to run the backend WebSockets server (accessible to the frontend on localhost:8079)

Development

Speedia uses Nodemon, a tool that automatically refreshes the backend whenever changes to backend code (located in the speedia/server directory) are detected. Running yarn frontend triggers a development server for the frontend, which will automatically refresh the frontend on file changes as well.

Troubleshooting

If you're running into errors during installation, here are some things to watch out for:

  • Speedia uses Worker Threads to handle individual games, which is only available out-of-the box in NodeJS 12+; make sure that this version is installed on your system

speedia's People

Contributors

liamrathke avatar dependabot[bot] avatar

Watchers

James Cloos 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.