[Wildlife] - F1 Realtime race track

In the context of my collaboration with Wildlife.LA, I had the opportunity to participate in the development of a truly awesome F1 application in partnership with AWS!

The basic idea of the project was to create an F1 track generator. I had the chance to work with incredibly talented and competent people on a fantastic project. We even have some great videos and images showing Lewis Hamilton and Charles Leclerc using our application! Pretty cool, right?

The project was, as usual, based on Next.js, Vercel, a few AWS services, Amazon's AIs, and a generally classic tech stack with a store, validation, and good practices all around. It includes some cool sound effects, neat technologies, and great animations with motion, shaders, and three.js.

I had the chance to translate the app into Japanese during the second part of the mission. I also had the opportunity to create the on-the-fly image generator for the app's share images and the in-app map selection. The idea was to generate an image that represented the race and an F1 car in a specific position, based on reference photos, and tailored to the circuit, location, and name. The process involved creating a unique image that represented a specific race, integrating various elements such as:

The main technical challenge was designing an algorithm capable of dynamically determining the size and position of the typographical elements based on specific constraints, which required using specialized libraries.