pokéOS

a pokémon themed web desktop OS built with vanilla html, css, and js. made as part of hack club's webOS jam.

live demo

• draggable, resizable windows
• window z-index management so clicking a window brings it to the front
• top bar with live clock and pokémon theme song button
• desktop icons that highlight when their window is open
• pokéRecords app with a sidebar + content panel for tracking your pokémon team and moves
• pokémon themed fonts, colors, and UI

Pokemon-Web-OS/
├── assets/
│   ├── bg-images/      # cycling background images (implemmetation removed)
│   └── ...             # icons, logo, audio
├── index.html
├── style.css
└── script.js
pt.js

just open index.html in a browser, no build step needed.

• html, css, js (no frameworks)
• concert one, londrina solid, varela round via google fonts
• drag and drop logic adapted from w3schools

@sahilchess

pokeOS.fun