shaherashraf / bosta

🚛 A shipment tracking react app

🚛 Bosta - A shipment tracking react app.

This is a solution to the technical assessment of Bosta courier services provider.

Table of contents

• Overview
  • Screenshot
  • The challenge
  • Links
• My process
  • Built with
• Author

Overview

Screenshot

The challenge

• Use our Bosta Shipment tracking GET request here.
• tracking number to be used: (6636234, 7234258, 9442984,1094442 ).
• Create a react app that similar to our website tracking service currently HTML on bosta.co.
• Call the API and handle the response in a similar UI like the attached here.
• Build the UI completely responsive and use a UI assets similar to the ones inside these images.
• Data returned in the API is strings in english, please map it to Arabic with any way you think it will be better.
• Use font name: Cairo (search for it) and make the font weight adjustment similar to the shown below.

Note: Please assume any missing data and imagine in the UI.

Links

• Solution URL: Bosta Shipment tracking app

My process

Built with

• React - JS library
• React-i18next - For translation.
• React-icons - For Material Design icons.
• Styled Components - For styles
• Axios - For making HTTP requests.

Author

• Portfolio - Shaher Ashraf
• Linked In - Shaher Ashraf