FreightHub Frontend Coding Challenge

Welcome to the frontend coding challenge. Clone this repository and follow the instructions below.

Your goal is to set up an application, where the user is able to manage shipments.

Business need

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 issue.

Use cases

The user shall be able to see shipments in pages of 20 elements per page.
The user shall be able to search for shipment id and sort by different fields.
The user shall be able to see the shipment information on a shipment details page
The user shall be able to update the shipment name

The interactions should not refresh the page.

Technology requirements

You can use any libraries, task runners and build processors. React and Javascript are the only requirements. ES6 and typescript are highly encouraged, as well as MST and MobX if needed.

Server side

The boilerplate includes a small service for data fetching. 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 start or npm start

Please check json-server for more information.

Deliveries

Clone this repository.
Complete your project as described above within your local repository.
Ensure everything you want to commit is committed.
Create a git bundle: git bundle create your_name.bundle --all
Email the bundle file to your point of contact.