A frontend-only operating system simulation using Web Components, TypeScript, and a custom reactive store system. This project mimics OS-level concepts like apps, state stores, and system notifications in the browser — with no frameworks.
- 🪟 Modular app structure (
counter,books,songs,alarm) - 🧠 Reactive stores (e.g.,
noti.store.ts,books.store.ts) without Redux or external libs - ⏰ Notification, alarm, and state handling inspired by real OSes
- 🧼 Simple yet scalable styling via
style.css - 📁 Organized TypeScript and stores logic per domain
main.tsinitializes and boots the "OS" by mounting apps and UI containers.- Stores like
noti.store.tsmanage their own reactive state using custom signal logic. - Applications (e.g.
counter) use these stores like services. - CSS is kept lean, focused on layout and basic theming.
| Area | Tools/Technologies |
|---|---|
| Language | TypeScript |
| UI Layer | Web Components, HTML, CSS |
| State Mgmt | Custom signal-based stores |
| Build Tool | Vite |
| Styling | Vanilla CSS, modular theme structure |
| Hosting | Firebase static hosting |
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildTun Lin Phyo Frontend Engineer and system-level UI builder based in Tokyo 🇯🇵. He specializes in Web Components, custom reactive architectures, and performance-first web applications — all without relying on heavy frameworks.
- 💻 Passionate about UI/UX systems, clean architecture, and modular design
- 🔧 Builds projects with Vite, custom stores, and native browser APIs
- 🌐 Portfolio Website
MIT License