This is a test for a Front-End developer position at Bees Brasil.
- git clone https://github.com/JohnOliver23/BEES-CHALLENGE.git
- cd BEES-CHALLENGE/
- yarn install
- yarn start
- The home page consists of a list of beers
- In desktop resolution the list is composed by 4 tiles
- In tablet resolution the list is composed by 2 tiles
- In mobile resolution the list is composed by a single tile
- The user should be able to re-order the tiles by Lowest Price, Biggest Price and Product Name
- The user can drag to move the tiles
- yarn test : to run the tests
- yarn test:coverage : to generate the test report
- cd coverage/lcov-report/index.html : to see the test report
- Typescript
- HTML
- CSS
- useState and useReducer for state control
- useEffect for lifecicle control
- Styled components
- Prismic
- React Router DOM
- React icons
- React-sortable-hoc