Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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