@F1_ms

What did you make?

I built Lando Norris Fan WebOS, an interactive, simulated desktop operating system themed around F1 driver Lando Norris (LN4). Running entirely in the browser, it features a glassmorphic taskbar with a live real-time clock, draggable windows, and three core applications:

Welcome Screen: A landing page with links to Lando's social media.

Race Weekends (F1 Calendar): An app showing upcoming/past 2026 races and active race reports.

F1 Standings: A beautiful dashboard tracking the latest 2026 championship points for drivers and teams.

What was challenging?

One of the biggest hurdles was managing window layers (z-index) so that clicking any window automatically brings it to the top. I also struggled with JavaScript event listeners not firing correctly due to a script loading conflict (type="module" vs standard scripts), which caused the close buttons to freeze. I resolved this by building a dedicated debugging script checker that automatically verifies button IDs and implements safety click fallbacks.

What are you proud of?

I am incredibly proud of building the F1 Standings App! I structured the tabs myself to let users toggle between Drivers and Constructors. I customized the styling using custom CSS so that championship leaders (like Kimi Antonelli) have a golden-shimmer highlight, podium positions look like gold, silver, and bronze, and Lando/McLaren have the iconic signature orange branding.

What should people know so they can test your project?

Double-click the desktop icons to launch apps!

You can drag windows around by clicking and holding their headers.

Click anywhere inside an open window to bring it to the foreground.

Use the navigation buttons inside the apps to toggle between Calendar/Reports or Drivers/Teams.

Click the ✕ button on the top right of any window to close it.