Giter Site home page Giter Site logo

markficht / reflex-game Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 25.3 MB

React + Firebase. Multi player game in real time :). The entire basic mechanism is ready. https://gra-reflex.firebaseapp.com/#/

HTML 2.19% JavaScript 59.63% CSS 18.27% SCSS 19.90%

reflex-game's Introduction

Multi player reflex game 2018-2019

This project uses the firebase, for multiplayer game in real time :).
The game is made for the desktop (current without RWD) DEMO here

Table of contents

What is inside

  • SPA
  • Login panel
  • Character selection
  • Validation
  • Current score and play for players in real time!
  • Instruction
  • Redirections, routing
  • Error checking mechanism, like remove player(drop DB) at the right time
  • Reacts to the back button or F5
  • 2 special containers: NotFound and GameDisconnect
  • Score board

Screenshots

Example screenshot

Technologies

  • React 16
  • React Design Patterns like: Context API, Render Props
  • React Router
  • Firebase
  • NPM like: Styled Components, Randomstring, Fontawesome
  • Webpack
  • Sass
  • HTML, JS, and other..

Under construction

  • Add Redux
  • TS
  • Unit tests
  • Regular expressions for validation
  • Theme button with Context API

Setup

  1. Install Node.js -> NodeJS
  2. Install all dependencies npm install -> Other modules are in package.json
  3. Run npm run start to start a server(port 3000) and begin developing
  4. Run npm run build to create a build

Status

Project is: Finished
Ready to play at the URL: https://gra-reflex.firebaseapp.com/#/

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.