Alexis Cruz's Submission

[acruz185]

Alexis Cruz's Submission

Date: April 19, 2026

Email: acruz185@bu.edu

Class Year: 2029

Favorite F1 Team: Mercedes AMG

Core Requirements

Please check off which features you have implemented:

• Built as a Single Page Application (SPA) without needing browser reloads.
• An interesting and beautiful frontend design with a catchy title, apt description, and cool fonts/colors that looks good on any screen size.
• Successfully fetches and renders data from an external F1 API (e.g., Ergast, OpenF1).
• Displays F1 data in a table that is capped at 20 rows per page.
• Table includes functional Next/Previous arrows to navigate the dataset.
• Includes a search bar that filters the dataset based on simple text input.
• Includes at least one chart or graph (using Chart.js, Recharts, D3, etc.) that visualizes the pulled data.
• Features an animated background and smooth transitions/animations for UI elements.
• Deployed the application using free deployment tools.

Extra Features (Optional)

• Allows the user to change the number of rows displayed at once (e.g., 10, 20, 50).
• Includes "Jump to Beginning" and "Jump to End" pagination arrows.
• Supports Regex (Regular Expressions) in the search bar.
• Includes a custom UI for Boolean search logic (e.g., AND/OR dropdowns or toggles).

Screen Recording

Walk-through Link: https://drive.google.com/file/d/1DrCN99ev7zHbbu2vQTyOLu3KpIWYApIl/view?usp=sharing
Website Link: https://acruz185.github.io/mercedes-f1/

Written Portion

1. How did the project go? What parts of it did you most enjoy / find yourself good at?
   The project went super well! It was pretty challenging, as I did have to learn a lot of the tools and concepts I applied to the project on my own, but it was a very rewarding and educational experience. I had the most fun with the CSS styling and implementing my own creative UI components as my own personal touch. Seeing the live changes on my website whenever I saved a small adjustment to a component’s UI was so fun to watch. Even brainstorming the color scheme and fonts got me really excited to start the project and see it come to life. Furthermore, I found a lot of enjoyment in making my own creative components outside of code, like the hero video I made in After Effects and the individual driver cards I designed in Canva. Being able to mix my interests in FE/BE, After Effects, and Canva all into one project made creating my website so much more enjoyable.

2. Was this technical assessment what you expected? If you had another two weeks to work on it, what would you add or change?
   The technical assessment was not what I expected, but I will say it was a pleasant surprise. I had originally thought that we would have to come up with an idea on our own, but when I saw that the project gave just enough freedom alongside a theme/direction to follow, I was super excited! I found a lot of value in being able to have a lot of freedom with the creative direction of my project, while still following the core components defined (i.e. API fetching, data visualization).
   If I had more time to work on my project, I would love to lean more into the historical aspect that my project aims to adopt. Like Nico had mentioned in the README, a part of the project is to show the sports history! I would want to implement a small text except that details Mercedes’ historical performance, really adding more context to my data visualizations. Furthermore, alongside my driver carousel component, I would like to add more details about each driver, such as some of their iconic moments, statistics, and overall a brief history of their time with Mercedes.

PS: My full development commit history is available at: github.com/acruz185/mercedes-f1. Check it out!