lxibarra / one

One card game

One Card Game

This is an experimental app made using React+ES6, Webpack & sass. As a backend storage we will be using firebase.

Features

Currently it does not do much but this are the features i would like to implement in the future:

1. User registration using github, google, twitter etc. Done
2. Multigame platform (Host any number of games at the same time)
3. Multiplayer with live updates probably using socket.io
4. SVG all the way, currently the app uses png sprites.

Installation

1. Create a free firebase account here https://firebase.google.com/
2. Rename src/firebase.keys.sample.js to src/firebase.keys.js
3. Get your application keys from firebase and replace accordingly on firebase.keys.js (Look for add firebase to your webapp on firebase's website)
4. To enable social login, just add/remove buttons from src/pages/login.jsx render method and follow the instructions here https://firebase.google.com/docs/auth/#key_functions under Federated identity provider integration -> web for the integrations you want to support. You only need to provide the proper credentials to firebase (no code change is needed).
5. Install Webpack development server globally npm install -g webpack-dev-server
6. Install dependencies npm install
7. Run app npm run start App should come live on http://localhost:8080/webpack-dev-server/
8. Run tests npm run test