Projects en français

Dataviz & API project

Project overview

The objective of this project was to fetch data from an API and dynamically display the results on a webpage. We decided to use the SNCF's API to show the amount of lost and found items on their network. The SNCF API is updated three times a day, which worked great for our project. I focused on the frontend of the website, recreating the SNCF's design language, going as far as researching and finding the font they use on signs in stations.

Tech stack and tools

Teammates

What I learned

I learned to use auto layout in Figma, as well as the dev mode to quickly go from mockup to code. This considerably sped up my work. I also learned about APIs and how they work.

A screenshot of the Figma file with lots of iterations.

The website's landing page, simulating a hanging sing in a station.

Website information screen mimicking the SNCF's information screens.

More information about the project's topic.

A statistic of the day's total lost items in an oldschool LED display board.

A recreation of an iPhone chat conversation with news about a late train due to a forgotten item.

Statistics from the last 100 days.