Technical Challenge for LOGISTICS UK

Normally, I would have used Material components with Emotion, but as requested, I have chosen to use React components.
For this challenge, I used React with Tailwind CSS. As with all my projects, I also chose to use TypeScript, which is becoming increasingly popular, especially for large projects.
To save time, I used a React template called template-vite-react-ts-tailwind to start my project.
This template came with TypeScript and Tailwind CSS plugins installed.

Some updates to the React version had to be made before I started.

Each page and component comes with tests and can be run from npm. For example:

• npm run build
• npm run dev
• npm run test

I've not included a prototype as the task already came with a wireframe outlining how the application should look.

The driver data has been moved to the public folder area, as it is external data and not a core part of the application, unlike the menu.json file.

Usage

The application defaults to the home page. To facilitate the request for a breakdown of the drivers' time, there is a popup that appears when you hover over the driver's total time.

I have included some basic data for the driver and vehicle pages, even though this was not requested, for completeness.

License

This code is provided solely for the purpose of the specified technical challenge. It remains the copyright of the author, Ricky Melville, and should not be used, reproduced, or distributed for any other purpose without the explicit consent of the author.

Terms and Conditions

1. Purpose: This code is provided exclusively for the evaluation of the technical challenge presented to Ricky Melville.
2. Ownership: The code and all associated intellectual property rights remain the sole property of Ricky Melville.
3. Restrictions:
   • The code shall not be used, reproduced, distributed, or otherwise exploited for any purpose other than the specified technical challenge.
   • Any attempt to use the code for commercial, educational, or any other purpose without prior written consent from Ricky Melville is strictly prohibited.
4. Consent: Written consent must be obtained from the author, Ricky Melville, before using this code for any purpose other than the technical challenge.

© 2025 Ricky Melville. All rights reserved.