This simple project is intended to give us a taste of your personal coding style. Please do your best to create an interactive and responsive UI that matches the mockups in the PDF file in this repo. Don't fret over completeness or correctness of the product. We would like to see what you can produce in just a few hours of coding. We're looking for your approach to the problem, how you organize your code, what features you see in the mockup and any ways you might improve things. To submit the code to us, fork this project and send us a link to your code on github.com.
We used the Lato font in the example and have provided stock images for you to work with. The data about the products can be found in the JSON payload file. Feel free to use any modern framework that works for you. In house we like to see React, Angular, jQuery, and plain old JS! There's no need to code up a backend to this but you are welcome to do so if you want to. :) For more guidance check out our job listing
Happy coding!
- Heroku: Solution
- Users can add items to cart or remove items from cart. Number of items and total bill in cart are updated accordingly.
- User can close cart and continue shopping.
- App prevents duplicates in cart (in real life, an option to edit quantity should be available).
- Click on Home (Logo) to clear cart.
Make sure you've already installed yarn. For more information, please read the Yarn Documentation.
After cloning the repo to your local machine, go to its folder and run:
$ yarn install
Then start the app:
$ yarn start
- ReactJS & Bootstrap 4
- Viet Nguyen