A take home project for Front End developers interviewing for a role at Territory Foods.
Hey Front End developer. Welcome. Your mission, should you choose to accept it, is to carve out 3 hours (TOPS) and create a single page app (SPA) using the API endpoint, and the front-end mockups defined below.
Maybe you don't totally finish everything. That is ok! We care more about seeing what you do get done than what you don't, which gives us an opportunity to discuss your approach to time management & prioritization.
To this end, please initialize a Git repo for this project and commit your work just like you would normally.
A very simplified version of our menu view: https://www.territoryfoods.com/menus/2020-08-03
https://territory-meals-api.herokuapp.com/meals (it's a hobby tier dyno, so if it fails to load right away, it's because it needs to spin up. Try again, and once it's up it'll stay awake for a while)
You do not need to match these perfectly, but, this role will be working closely with our design team, so being able to replicate a mockup from scratch will be important.
This should save you time!
- As a user, I want to see all of the meals available on one page.
- As a user, I want to be able to filter meals by
tag
andtype
- The collection of available tags should be based on what exists in the collection of meals. Hint: this should be dynamic, not hardcoded.
- As a user, I want to be able to search meals by
title
- As a user, I want to be able to add/remove the meals I select to a cart.
- As a user, I want to be able to see what is in my cart.
- Hint: this should be a modal or component on the page. Not a separate view.
- We use React, though you may choose use the language and framework of your choice.