Welcome to the FreightHub frontend coding challenge! Please read the following instructions carefully.

Your goal is to set up an application which enables the user to view and manage shipments.

• Business need
• Use cases
• Evaluation criteria
  • Technology requirements
  • Code requirements
• How to submit
• How to run API server
• Time limit

The main goal is for the user to check the shipments at a glance. This allows users to take faster decisions and plan ahead of time.

Providing information to the customer increases transparency and reduces communication issues.

• The user shall be able to:
  • See shipments in pages of 20 elements per page
  • Search by shipment id
  • Sort by different fields (e.g. id, name) in ascending/descending order
  • View the shipment information on a separate shipment details page
  • Update the shipment name (should persist when the page is reloaded)

The interactions should not refresh the page.

React and JavaScript are mandatory requirements. Apart from this, you can use any libraries, task runners and build processors. ES6 and TypeScript are highly encouraged.

The full criteria for evaluating the coding challenge can be found here.

• Clone this repository.
• A RESTful API for shipments is provided with the challenge. To run, follow: How to run API server
• Create a new branch in your cloned implementation called solution.
• Deploy on netlify or heroku. (Nice to have)

In order to be fair to all candidates, please refrain from sharing your solution on public repository hosting services such as GitHub and Bitbucket.

The boilerplate includes a small service for data fetching. The file db.json includes all the necessary data to achieve the goal. Please follow the steps below to start the server:

yarn or npm install .
yarn server or npm run server

Check json-server for more information.

5 days