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

Ombama

@Ombama

Joined June 24th, 2026

  • 5Devlogs
  • 6Projects
  • 3Ships
  • 45Votes
Open comments for this post

1h 6m 12s logged

Built a reusable multi-window system for GreenSpace WebOS. Added working Welcome, Notes, and Nature applications that can be opened from desktop icons, closed using window controls, and brought to the front when selected. Added dynamic taskbar buttons for each open application, active-window highlighting, and automatic window stacking using z-index. Also refined the Welcome window layout, improved scrolling behavior, and replaced temporary alerts with an in-desktop status message.

0
0
4
Open comments for this post

4h 35m 54s logged

Goal
Create the visual foundation for the WebOS project.
Work completed

Created the initial project structure

Created a custom environmental desktop theme

Added three desktop application icons

Created the first application window

Added a taskbar and Start button

Added a running application indicator

Added internet and sound indicators

Added a live clock and date

Added responsive behavior for smaller screens

Added placeholder feedback for features planned in later hours

Technical decisions
The desktop uses CSS gradients rather than an external wallpaper image. This keeps the project lightweight and prevents the interface from depending on an external image host.
CSS custom properties store shared colors and dimensions. This will make future theme and layout changes easier.
The clock logic is isolated inside an updateClock function. It runs once when the page loads and then updates every second.
The window control buttons are visible but disabled. Their functionality will be introduced gradually rather than placing unfinished behavior into the first version.
Challenges
The main challenge was keeping the desktop usable on both large and small screens. A media query changes the desktop icon arrangement, application window position, and taskbar labels on smaller screens.
Next development hour
The next hour will introduce a reusable window system with multiple application windows and working open and close controls.

0
0
26
Ship

Pack for Your Trip Tool is a travel packing checklist website built with HTML, CSS, and JavaScript. Users select their trip type, weather, trip length, and main activity, and the website generates an organized packing checklist with interactive checkboxes, saved progress, print support, and reset options. The website code and main project functionality were built manually.

  • 1 devlog
  • 6h
  • 3.68x multiplier
  • 21 Stardust
Try project → See source code →
Open comments for this post

5h 49m 4s logged

Pack for Your Trip Tool is a travel packing checklist website built with HTML, CSS, and JavaScript. Users select their trip type, weather, trip length, and main activity, and the website generates an organized packing checklist with interactive checkboxes, saved progress, print support, and reset options. The website code and main project functionality were built manually.

0
0
4
Ship

I made a travel-themed Higher or Lower game using HTML, CSS, and JavaScript. The player compares two famous travel destinations and guesses whether the second destination has higher or lower annual visitors than the first one. The game includes a split-screen design, destination background images, score tracking, high score storage, a shuffled destination system, and a game over screen.

The most challenging part was making the game feel smooth and not repetitive. At first, random destinations could repeat too often, so I added a shuffled deck system that goes through the destination list before repeating places. Another challenge was finding visitor numbers because annual tourism data can change depending on the year and source, so I used approximate values for gameplay.

I am proud of the visual design because it looks like a real Higher or Lower style game. I am also proud that the JavaScript does more than just compare two numbers. It manages the score, high score, game state, random destination order, answer reveal, and restart logic.

To test the project, people should click Higher or Lower and check whether the answer is revealed correctly. They should make sure the score increases after a correct answer and that the game over screen appears after a wrong answer. They should also refresh the page to confirm that the high score is saved. Since the visitor counts are approximate, the game should be tested as an educational guessing game, not as an official tourism statistics source.

  • 1 devlog
  • 3h
  • 5.63x multiplier
  • 16 Stardust
Try project → See source code →
Open comments for this post

2h 46m 32s logged

Design Goal
The goal was to create a game that looked bold, clean, and exciting.
The design uses:

A full-screen split layout

Two large destination panels

Background travel images

Dark overlays for readable text

Large destination names

A highlighted annual visitor number

A central VS circle

Large Higher and Lower buttons

Score and high score display

The visual style was inspired by modern quiz games and travel websites.

0
0
3
Ship

I made a website called Local Hidden Gem Finder. It helps users discover interesting local spots across the United States. Users can search by city, state, or keyword, filter by categories like nature, food, art, history, beaches, and viewpoints, click on an interactive U.S. map, view hidden gem cards, open a details popup, save favorite places, and use a Learn More button to research each place.

The most challenging part was connecting all the JavaScript features together. The interactive map, API results, favorites, search, filters, details modal, and Learn More links all had to work with the same set of place data. Debugging small JavaScript errors was also challenging because one missing function or misplaced bracket could stop the whole site from working.

I am proud that the project feels like a real travel discovery app instead of just a basic webpage. I added an interactive map, cards, favorites using localStorage, a modal popup, category filters, and API support for real place data.

To test the project, open the live URL, search for a place or category, click different states on the U.S. map, use the category dropdown, click Details on a card, save a few favorites, and try the Learn More button.

  • 1 devlog
  • 6h
  • 4.07x multiplier
  • 24 Stardust
Try project → See source code →
Open comments for this post

5h 55m 11s logged

I made a website called Local Hidden Gem Finder. It helps users discover interesting local spots across the United States. Users can search by city, state, or keyword, filter by categories like nature, food, art, history, beaches, and viewpoints, click on an interactive U.S. map, view hidden gem cards, open a details popup, save favorite places, and use a Learn More button to research each place.

The most challenging part was connecting all the JavaScript features together. The interactive map, API results, favorites, search, filters, details modal, and Learn More links all had to work with the same set of place data. Debugging small JavaScript errors was also challenging because one missing function or misplaced bracket could stop the whole site from working.

I am proud that the project feels like a real travel discovery app instead of just a basic webpage. I added an interactive map, cards, favorites using localStorage, a modal popup, category filters, and API support for real place data.

To test the project, open the live URL, search for a place or category, click different states on the U.S. map, use the category dropdown, click Details on a card, save a few favorites, and try the Learn More button.

0
0
26

Followers

Loading…