https://github.com/imransilvake/takeaway-challenge
A single/multiplayer game provided as a code challenge by Lieferando. It is built using React, Redux, Firebase, and custom SCSS Framework.
https://github.com/imransilvake/takeaway-challenge
create-react-app firebase i18next material-ui moment react redux redux-thunk
Last synced: 3 months ago
JSON representation
A single/multiplayer game provided as a code challenge by Lieferando. It is built using React, Redux, Firebase, and custom SCSS Framework.
- Host: GitHub
- URL: https://github.com/imransilvake/takeaway-challenge
- Owner: imransilvake
- License: mit
- Created: 2019-02-01T20:52:09.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-11-18T21:36:33.000Z (over 1 year ago)
- Last Synced: 2025-06-11T02:49:46.676Z (about 1 year ago)
- Topics: create-react-app, firebase, i18next, material-ui, moment, react, redux, redux-thunk
- Language: JavaScript
- Homepage: https://takeaway-challenge.netlify.app
- Size: 391 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Takeaway Challenge
Takeaway Challenge is a single and multiplayer game provided as a code challenge by Lieferando. A random number is generated in the gameplay and players have to make that number divisible by 3 by selecting one of the following options: -1, 0, +1. The player who gets 1 in the end will be the winner.
- Use of ReactJs
- Use of Firebase Real-time Database to create a single and multi-player game
- Use of Redux with Redux-Thunk Middleware to fetch data from the firebase api
- Provide clean and responsive layout
## Content
- [X] Player vs CPU
- Can play multiple times at the same time
- [X] Player vs Player
- Two players can play at a time
- Other Players will have to wait until game finishes or got interrupted
- Handle logs in case if user has refreshed/closed the page/browser
- 30 sec time counter to handle user session
- [X] Maintain history of Logs of the application
- [X] Support Internationalization (i18n)
## Libraries and Frameworks
#### Internal
- [X] [SCSS Framework](https://github.com/imransilvake/SCSS-Framework)
#### External
- [X] [Create React App](https://github.com/facebook/create-react-app)
- [X] [Redux](https://redux.js.org/)
- [X] [Redux Thunk](https://github.com/reduxjs/redux-thunk)
- [X] [Redux Devtools Extension](https://github.com/zalmoxisus/redux-devtools-extension)
- [X] [Translation](https://github.com/i18next/react-i18next)
- [X] [Firebase](https://firebase.google.com/)
- [X] [Material-UI](https://material-ui.com/)
- [X] [Classnames](https://github.com/JedWatson/classnames)
- [X] [Moment](https://momentjs.com/)
## Requirements
```
node version 10
```
## Information
Check [React-Seed](https://github.com/imransilvake/React-Seed) to understand how to build and serve this project as well as how to use SCSS and JS linting.