Giter Club home page Giter Club logo

manic-swords's Introduction

Manic Swords

About

Manic Swords is an exercise project to learn React.js and improve our skills with Javascript. We used Feathers. An open source web framework for building modern real-time applications.

The game involves two players and swords falling from the sky maniacally. Avoid the swords to survive. Last man standing wins the game. Please turn on your sound!

WORK IN PROGRESS

Main challenges

  1. Dynamic drawing in HTML5 Canvas: updating each animation frame.
  2. Moving players synchronously in both user screens via POST server request and Socket IO.
  3. Constantly taking into account performance and how to improve it.
  4. Full-stack JS application with NodeJS as Backend.
  5. Authorization using Feathers.
  6. Managing the data flow with React-redux.

Getting started

Getting up and running is as easy as 1, 2, 3.

  1. Make sure you have NodeJS and npm installed.

  2. Install your dependencies

    cd path/to/project; npm install
    
  3. Install monogodb (if not installed already)

  1. Start mongodb (if not running already)
sudo service mongod start
  1. Start your app

    npm start
    

TODO

Use uWebSocket for better performance !

See: https://docs.feathersjs.com/real-time/socket-io.html

Help

For questions, suggestions or other remarks create a pull request or contact Giulio or Pim at heijdenpvd[at]gmail.com . For more information on all the things you can do with Feathers visit docs.feathersjs.com.

manic-swords's People

Contributors

pimvanderheijden avatar ggwzrd avatar

Stargazers

 avatar  avatar Erwin Rooijakkers avatar  avatar

Watchers

 avatar

Forkers

wisedemic

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.