EGO: vehicle catalogue and analytics dashboard

I built an automotive catalogue platform for EGO from a Figma design and a REST API of models. The scope was to build the listing and each model's detail page faithfully to the design and responsively. On top of that I added an inventory analytics dashboard and proposed a few design changes that improved the experience.

Model listing

The listing consumes the API and shows each model with its year and price, with filters by segment (sedan, hatchback, pickups, SUVs). Built faithfully to the Figma design and responsive from mobile to desktop.

Model detail

Each model has its detail page: main image, highlighted features in a carousel, and engine and transmission sections. The data comes from the API's detail endpoint.

Analytics dashboard (added value)

Beyond the requested scope, I added an Inventory Analytics dashboard over the same API data: indicators (number of models, average, minimum and maximum price), model distribution by segment, average price by segment and by year, rankings of most expensive and most accessible, and the best price-to-segment ratio.

Stack and decisions

React with TypeScript, consuming the REST API with fetch/axios and CSS to reproduce the design. The analytics dashboard computes the metrics on the client from the API response and shows them with pie, bar and line charts.

Status

The project is deployed and available to try in the demo linked above.