ShowcaseOS

A collection of 56 small web projects I built while learning JavaScript, each one plain HTML, CSS, and vanilla JS with no framework and no build step.

The landing page ties them together as ShowcaseOS, a small Windows 98 style desktop. Open the "Programs" window to browse everything by category (Games, UI, Animation, Navigation, Tools, and API apps), search by name, or just click around.

Running it

Everything is static, so any file server works:

python3 -m http.server 5200

Then open http://localhost:5200/. Each project also runs on its own at projects/<name>/.

Layout

• index.html, showcase.css, showcase.js build the ShowcaseOS desktop.
• projects.js lists every project and its category.
• projects/<name>/ holds one project each, self contained.

API projects

weather-app, currency-converter, and movie-app call third party APIs. They read a key from a config.js that is kept out of git. Copy the sample and drop your own key in:

cp projects/weather-app/config.sample.js projects/weather-app/config.js

Without a key they fall back to demo data, so they still run.