An optional coding challenge to complete when applying to Shopify for the Summer 2019 Web Engineer Intern position.
- Hosted Version for testing: https://harshdipd.github.io/Shopify-Web-Engineer-challenge/
- Codebase: https://github.com/HarshdipD/Shopify-Web-Engineer-challenge
Build a web app to search for waste items using the Toronto Waste Wizard database, and save frequently used ones.
- Reproduce the design as provided in the screenshot, which displays example search results.
- The data must be taken from the Waste Wizard Lookup data (JSON).
- Typing in the search field should NOT perform an API call.
- A search must be performed when hitting enter or clicking the search button.
- When the search input field is cleared, the list of results should also be cleared.
- Performing a search should render a list of potential matching items based on keywords. Each item should:
- Render the title and description of the item.
- Render a grey star button if the item is not already favourited.
- Render a green star icon if the item is not already favourited.
- Clicking the star button should add the item to the favourites list.
- When the number of favourites is more than one, the app should render a list of items. Each saved item should:
- Render the title and description of the item.
- Render a green star button if the item has been favourited.
- Clicking the green star button should remove the item from the saved list.
In your application, please include:
- A link to your codebase, for review.
- A link to a hosted version, for testing.