Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thiagoloschi/bouncetheball
A game based on a pure CSS design I created last weekend.
https://github.com/thiagoloschi/bouncetheball
bem nodejs progressive-web-app react redux styled-components webpack
Last synced: about 1 month ago
JSON representation
A game based on a pure CSS design I created last weekend.
- Host: GitHub
- URL: https://github.com/thiagoloschi/bouncetheball
- Owner: thiagoloschi
- Created: 2018-02-25T03:18:37.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-04-09T04:27:34.000Z (almost 7 years ago)
- Last Synced: 2024-11-07T00:32:27.468Z (3 months ago)
- Topics: bem, nodejs, progressive-web-app, react, redux, styled-components, webpack
- Language: JavaScript
- Homepage: https://bouncetheball.herokuapp.com/
- Size: 837 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: Changelog.md
Awesome Lists containing this project
README
# bounceTheBall
(In progress)1. [Description](#description)
2. [Technologies](#technologies)
3. [Development](#development)
4. [Demo](#demo)
5. [Screenshots](#screenshots)### Description
This is a small game based on a pure CSS design I created last weekend, and that can be seen in this codepen [here](https://codepen.io/thiagoloschi/full/LQeeqP/). The challenge here is to bounce the ball as many times you can get in 30 seconds. Hurry up and you can make the Top 10.
### Technologies
Progressive Web App, React, Redux, Webpack, Nodejs, Styled-components, BEM, Jest, Enzyme.### Development
The project is currently being developed. You can refer to the [Pull Requests](https://github.com/thiagoloschi/bounceTheBall/pulls?q=is%3Apr+is%3Aclosed) page for a full coding documentation.### Demo
Although the game development is stil in progress, you can see a beta demo [here](https://bouncetheball.herokuapp.com/).### Screenshots
![image](https://user-images.githubusercontent.com/10034981/36958404-527f0460-201a-11e8-8b43-5ef39b39c530.png)
Landing page
![image](https://user-images.githubusercontent.com/10034981/36958530-48abaf8c-201b-11e8-878e-f5c19237437c.png)
Playground screen