This repo contains a code challenge I've made for Boxes. The challenge was to recreate a picture of a listing item of the website, but with a different design.
This code challenge was made using create-react-app and Redux. BEM pattern was used on the CSS, and the components structure follows the Atomic Design Pattern. Also, some funcional programming using Ramda was used.
** Ps: You can ran this project as a Template. In other words, with prefetched data, without the need to call the API. Check the instructions **
The following npm packages were used in this project:
Clone this repository to your machine by typying this on your console:
git clone https://github.com/KadoBOT/Box.es
Inside the repository folder, install the necessary packages:
cd Box.es
npm install
To run the dev server:
npm start //no prefetched data, calls the api
npm start template //mocked data, no calls to the api
Build the project for production:
npm run build
For single test: npm test
Coverage test: npm run test -- --coverage
- Carousel / Slider animation and transition when changing pictures
- Comments Pagination (Couldn't find any item with paginated comments to test, the mock works with a lot of comments though)
- Reducer Async Test (CORS didn't allowed me to test the Async Calls)
- Test Coverage is at 76%. Can be improved.