Candidate Assessment for the Front End role at toucanBox

We’re keen to see how you think, get a feel for your process and give you an opportunity to showcase your skills. To this end, we’ve prepared a brief for a potential real-world design project at toucanBox.

---

Brief

Customers can log in to their accounts to do things like updating billing information, pausing their subscription etc.

One feature is a page that lists a history of the craft boxes a customer has received. Customers are then asked to rate the boxes provided.

Our UX designer has created a sample design, which uses our existing CSS styles:

---

What we would like you to do

• Analyse the design, tell us what you think
• Implement a prototype in HTML/CSS/JS
• Record the steps of your process and be prepared to discuss what you did along the way

What we’re looking for

• Demonstration of HTML/CSS/JS skills
• Understanding of existing project code and ability to build on it
• A systematic approach to design challenges

---

In order to facilitate you building a prototype of your solution, we’ve created this Github repo.

Prerequisites

This guide assumes you have the following:

• Ruby and the Bundler gem installed
• Git installed

Setting up local development

• Fork the front-end-developer repo and clone it locally
• Navigate to the repo’s directory
• Run the bundle install command to download and resolve the rack dependency.
• To run your site locally and view any modifications run rackup .

---

Tips

We suggest you use our base stylesheet and add or override your changes, otherwise everything is completely up to you. We're curious to see how you structure your work.

Information about our base styling can be found here.

Text for page

• Australian Bowl
• Build a bowl and decorate it using inspiration drawn from traditional Aboriginal art.
• Shipped: 2018-06-22
• Flower Bouquet
• Make a bunch of flowers to give to someone special, and grow a bean plant at home.
• Shipped: 2018-06-08
• Tie Dye Butterfly
• Experiment with colour by creating ink patterns on filter paper.
• Shipped: 2018-05-25
• Hello from the toucanBox Product Team! We want to get your feedback about your experience with toucanBox.
• Rating your box will help us send you the best boxes for your child, and, even better, make toucanBox better for everyone!