We want you to feel what it’s like to be an engineer in the day at Haul. In this excercise, the goal is not to build the most beautiful, elaborate front end pages or architect the most scalable and resilient backend services. The goal is to highlight how you can grab a unfamiliar domain, apply your current knowledge and create something functional in a relative short amount of time.

It is as important to make choices on what you will focus as what you will not spend a tons of time on. It is in a way, my daily struggle: priority, priority and priority.

With that, please treat this as a feature work and you will have the time walk through your design and choices with one of our team member.

Good luck,

Toan.

Here is a government data from one of the largest trucking company in the US: https://ai.fmcsa.dot.gov/SMS/Carrier/80806/CompleteProfile.aspx (the site and all of its links might and mostly will be only accessible via a U.S. based IP. Please use a proper VPN as needed.)

Under the Download tab, you will have an option to download all the inspections data in XML

USDOT_80806_All_BASICs_Public_07-28-2023 (1).xml

Below is the xml file you can download. It has ALL the inspections (an inspection is what it is, a routine that performed by a DOT officer to make sure the trucking company is following proper care of their equipment). An example of the data from the inspection is present like here in this page:

Clicking on the most recent inspection show the detail:

So you get an idea hopefully by now: we will be focus on building a view for inspection.

An inspection will have a few key data details (like report number, state, date etc.). It also have additional details like:

• Vehicle info (what vehicle was involved)

  You might ask, what is a trailer or tractor:

  

  • Inspection info (what type of inspection was performed and what were the results)
  • Violation info (if any violations were found during the inspection)

  Build the following pages that powered by the XML data:

  1. Table view of all the inspections - a table can have the following data (does not have to look like the mockup)

With the ability to filter by BASIC category and sort by field.

The inspection detail view will look like this (please note if I need you to implement pixel to pixel I would already provided our Figma file, but this is just for illustration so please feel free to use your own framework that you’re comfortable with)