This is a test for a Front-End developer position at Bees Brasil.

1. git clone https://github.com/JohnOliver23/BEES-CHALLENGE.git
2. cd BEES-CHALLENGE/
3. yarn install
4. yarn start

• for the backend, a CMS was made in prismic that returns a list of beers on the route / beers

• 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

1. yarn test : to run the tests
2. yarn test:coverage : to generate the test report
3. 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