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.
Simple rectangular <div>
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
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
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