https://github.com/ismaelterreno/squares
Demo for Stack used ReactJs, Redux, Redux-Thunk, Enzyme, Jest, enzyme, Sass, Bootstrap, Animate Css, eslint, prop-types, React router, jquery (for Bootstrap), Font Awesome for icons, Create react app, Webpack and some few more.
https://github.com/ismaelterreno/squares
bootstrap demo enzyme font gallery icons proptypes react redux redux-thunk
Last synced: 3 months ago
JSON representation
Demo for Stack used ReactJs, Redux, Redux-Thunk, Enzyme, Jest, enzyme, Sass, Bootstrap, Animate Css, eslint, prop-types, React router, jquery (for Bootstrap), Font Awesome for icons, Create react app, Webpack and some few more.
- Host: GitHub
- URL: https://github.com/ismaelterreno/squares
- Owner: IsmaelTerreno
- Created: 2018-09-26T22:37:52.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-02T17:47:49.000Z (over 7 years ago)
- Last Synced: 2025-09-08T12:55:25.565Z (10 months ago)
- Topics: bootstrap, demo, enzyme, font, gallery, icons, proptypes, react, redux, redux-thunk
- Language: CSS
- Homepage:
- Size: 71.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Squares Demo App
**Stack used**
ReactJs, Redux, Redux-Thunk, Enzyme, Jest, enzyme, Sass, Bootstrap, Animate Css, eslint, prop-types, React router, jquery (for Bootstrap), Font Awesome for icons, Create react app, Webpack and some few more.
The app should consist of 3 parts/sections: Editor, Output, Gallery. Editor is a live-update for the Output.
## Output
Simple rectangular `
`
## Editor
It have a set of inputs to adjust Output’s:
- Background colour (Colour picker).
- Size ( You can select various of your wish)
- border radius (It has a range picker)
- A save button
## Gallery
A list of saved Output divs with preserved styling. It should be possible to:
- Remove Outputs from the list
- Some animations and sorting/filtering options.
This application can be used mobile for a better user experience.
The Backend API of this application is in the repository:
[squares-api](https://github.com/IsmaelTerreno/squares-api)
To run this Demo Only clone this repository an the Backend API mentioned above.
**To see the this demo online take account the first time will take 20 seconds or less because is a free hosting ;).**
There is a Live Demo on a server Heroku here:
[Squares Demo Live](https://squares-demo.herokuapp.com)