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

My very own WebOS

By @Arsen

  • 2 Devlogs
  • 5 Total hours

This is a simple fake desktop operating system built in a web browser. It was made in about 2 hours as a learning project. The desktop has a clock that updates every second, a top bar showing your username, and five apps you can use. Settings lets you change between dark and light mode, pick different background colors, and adjust clock options. Calendar shows the current month with navigation buttons. Calculator handles basic math operations. Tic Tac Toe is a two-player game with win detection. Translator encodes and decodes messages

Source
Ship #2 💀 Cursed

@Arsen on My very own WebOS

What Did You Make?
Three new apps for Galaxy OS: Galaxy Explorer, Alien Decoder, and Space Quiz.

What Was Challenging?
Alien Decoder - Getting the NASA API to work. The first API failed with CORS errors, so I switched to NASA's API. Also had to make sure the encoded text used capital letters to match the Translator's exact output.

Space Quiz - Preventing double-clicks so players can't cheat by clicking multiple answers. Showing correct/wrong colors and revealing the right answer when wrong.

Galaxy Explorer - Making planet images display as circles with a black background and golden glow. Connecting 8 buttons to one function using data-planet attributes.

What Are You Proud Of?
The Decoder fetches real NASA facts from the internet and encodes them

Two apps work together - Decoder gives you encoded text, you use Translator to decode it, then type the answer back in Decoder

Quiz picks 5 random questions from a pool of 10, so it's different each time

Planet images show in perfect circles with a space-like glow effect

What Should People Know to Test?
Use Live Server - NASA API won't work if you open the file directly

Decoder flow - Click "Copy Text" and "Copy Key", open Translator, paste both, click Decode, then type the answer back in Decoder

Explorer - Click any planet to see its image and facts

Quiz - Answer all 5 questions to see your final score and rank

  • 1 devlog
  • 3h
  • 3.73x multiplier
  • 5 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

@Arsen on My very own WebOS

2h 47m 43s logged

I’m working on 3 new apps for Galaxy OS

First app: Galaxy Explorer
Click any planet button to see its image appear in a black circle with a golden glow. Below the image, it shows the planet’s distance from the Sun, how many satellites it has, and a short description. All 8 planets are in a grid.

Second app: Alien Decoder
A random NASA space fact is encoded using Caesar cipher with a random key. You copy the encoded text and key, paste them into the Translator app to decode, then type the answer back in the Decoder to check if you got it right.

Third app: Space Quiz
5 random questions about planets and space. Each question has 4 answer choices. Correct answers turn green and wrong ones turn red with the right answer shown. At the end, you get a final score and a message based on how well you did.

0
2
41
Ship #1

@Arsen on My very own WebOS

I made a simple fake computer desktop that works in your browser. It has a login screen, a desktop with icons, and five small apps. You can open Settings, Calendar, Calculator, Tic Tac Toe, and Translator. The clock shows the time and you can change between dark and light mode.

The calendar was also difficult because I needed to calculate which days go where each month. Tic Tac Toe needed a lot of thinking to check if someone won. Saving settings in the browser was new for me too.

How to test my project?
You can try it on GitHub. Just go to my repository and open the index.html file in your browser. Or you can use the GitHub Pages link.

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

@Arsen on My very own WebOS

2h 25m 13s logged

Login screen - Type your username to startLoading animation

  • Shows a progress barDesktop
  • Has app icons you can clickSettings
  • Change theme, background, clock settingsCalendar
  • See the current month and navigateCalculator
  • Basic math operationsTic Tac Toe
  • Play with a friendTranslator
  • Encrypt/decrypt messages with Caesar cipherDark/Light mode
  • Switch themesClock
  • Shows time with options
0
2
37

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…