Harbor Take Home (Frontend)

Welcome to the Harbor frontend take home assignment. We hope this is a good opportunity for you to showcase your skills.

Prerequisites

There is a simple express server in this repo that will serve some dummy data. To start the server, install the packages and run yarn start:server. You can then access the data via GET localhost:3000/testnets

The Challenge

We want you to implement the following frontend design (Refer to the Figma link mentioned below in the Resources section to see the full UI flow with clickpoints and design in detail):

Dashboard

Let's break the screens down into functional parts:

1. The Card

2. Sorting

3. Filtering

Resources

All of the designs/icons are present in this link https://www.figma.com/file/9WvSRuYKIIPmwH59kycln3/Harbor---Front-end-assignment?node-id=0%3A1

Please use them in your work.

Expectations

We care about:

1. Components - Using components from UI libraries is easy, building them yourself is hard. We want to see if you have got what it takes to build robust, reusable components which are flexible enough to accomodate all the use cases possible for your UI.
2. Fidelity - How close to the design did you get?
3. Code quality - How reusable is your code?
4. Approach - Why did you pick your architecture? What were the other approaches you considered?
5. Estimation - You set the deadline for this. Your only obligation is to meet your own deadline.

If you are unable to complete all the tasks - make a product decision and explain to us why it was justified.

Submission

1. Let us know how long you think this will take.
2. Create a new branch with your name
3. Open a PR against master
4. Send a message to Abhishek when you are done