You are browsing as a guest. Sign up (or log in) to start making projects!

FormulaOS

  • 14 Devlogs
  • 17 Total hours

An OS based with the theme of Formula 1 that runs in your browser. Crazy right?

Ship #2

New Feature from what I submitted in WebOS 1:

  • Live Drivers Standings using database.
  • Live Constructors Standings using database.
  • Live Lap Records using Database.
  • F1 Calendar app now has more info about race weekends and uses a database instead of a static image.
  • F1 Teams app which has information about each F1 team, using 2 databases collectively.
  • A intro video that transitions to the Start OS screen.
  • New color scheme for windows, header, countdown, etc.
  • Windows can be horizontally and vertically stretched and shrunk.
  • 7 devlogs
  • 12h
  • 9.81x multiplier
  • 117 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

44m 17s logged

Devlog #14

  • Added a 10 second video of f1 cars that transitions into the start os screen.
  • Reworked the color scheme of the windows, header, countdown, start os screen, select time format screen. This was done to make the OS feel modern and clean.
  • Changed the position of the buttons in the windows and make them size adjustable.
  • Added a rectangular task bar with curved edges.
0
0
8
Open comments for this post

3h 48m 53s logged

Devlog #13

New databases:

  • constructors.json
  • drivers.json
  • season.json
  • teams.json
  • laprecords.json

New Apps:

  • Drivers Standings
    A table of the drivers standings in the 2026 f1 season.
    Database used: drivers.json

  • Constructor Standings
    A table of the constructors standings
    Database used: constructors.json

  • Lap Records
    An app that shows information about the lap record at each track.
    Database used: laprecords.json

  • F1 Calendar
    An app that shows the entire f1 calendar for 2026. Previously a similar app just showed an image, but this app uses a database to show accurate information.
    Database used: season.json

  • F1 Teams
    An app that shows information about each F1 team.
    Database used: teams.json


constructors.json:
This database stores the position number, team name, and how many points every team has so far this F1 season.

drivers.json:
This database stores the position, name, country, team, and points for every driver.

season.json:
This database stores values for the following: round, country, city, month, days, flag, circuitMap. Round is the order of which f1 race weekends take place 1-24. Country is obviously the country the race weekend will take place. City is the city the race track is located. Month is the month the race weekend takes place, the days are the days the race weekend takes place, race weekends last 3 days. Day 1: practice 1 and 2, Day 2: practice 3 and quali, Day 3: grand prix. The value for flag and circuitMap are the path to the images for the country’s flag’s image and the circuit’s image.

teams.json:
This database contains values for the team’s name, team principal’s name, drivers names, the engine manufacturer, the car’s name, and paths to the logo and cars images.

laprecords.json:
This database contains information about the lap records for each track on the F1 calendar. It has values for: round #, race name, circuit, track length, lap record time, driver, team, year, image of the circuit, image of the country’s flag where the track is located.

0
0
6
Open comments for this post

51m 10s logged

Devlog #11:

  • Deleted the old ReadMe and wrote a brand new one which reflects all the latest updates
  • Made the F1 countdown bigger
0
0
11
Open comments for this post

3h 16m 53s logged

Devlog #10
Highlights:

  • New App: F1 2026 Calendar
  • New App: 2026 F1 Cars
  • New Wallpaper
  • Updated Welcome app
  • Removed Garage app due to issues

F1 2026 Calendar:
A app that basically shows the dates of every F1 weekend in 2026 all in 1 screen.

2026 F1 Cars:
Shows the cars each constructor built for the 2026 F1 season.

0
0
8
Open comments for this post

2h 42m 54s logged

Devlog #8:

  • Improved taskbar spacing
  • Added better icons for apps
  • Improved overall UI
  • Added a F1 quiz
  • Added a app that shows all F1 world champions with how many WDC’s they won and in which years
0
0
7
Ship #1

I made a Operating system using html, JavaScript, and Css which runs on the browser. My operating system is called “RaceOS” because the theme is RaceCars. My project also features very unique features such as a count down to the next F1 session and the wallpaper matches the track of the following race week.

Try project → See source code →
Open comments for this post

19m 47s logged

Devlog #6:

  • Cleaned up the Task Bar by making it look sleeker and make the icons more user friendly.
  • Fixed bugs related to the next session counter.
0
0
3
Open comments for this post

38m 59s logged

Devlog #5:

  • Made a cool welcome screen which looks like the start engine button in a car.
  • Added a new application called “Lights Out” which tests the user’s reaction time.
0
0
4
Open comments for this post

38m 39s logged

Devlog #3

  • Worked on Style.css, went from a blank html OS to a OS with a visual interface.

Next I will work on the script.js to develop the frontend

0
0
4
Open comments for this post

1h 35m 30s logged

Devlog #1
Additions to Index.html

  • Wallpaper
  • Top Bar
  • Desktop Icons

I have only worked on the index for now so it doesn’t have a UI.

0
0
3

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…