🧠 Inspiration
ShadowSelf OS was inspired by a single question: What if your mind had an operating system?
In a world where people often suppress their true selves behind layers of expectations, I wanted to build a tool that made introspection feel visceral, interactive, and beautiful.
I merged my love for cyberpunk aesthetics, terminal tools, and emotional design to create a system that doesn't just function — it feels.
This project is about creating technology that helps you face yourself with curiosity, not fear.
💻 What it does
ShadowSelf OS is a fully simulated, hacker-inspired Mind Operating System that runs in your browser.
It boots like a real OS, loads modules like /emotion_analyzer, /reprogram_self-limiter, and even simulates a terminal with 50+ psychological commands.
Users can interact with a rich desktop interface, navigate a poetic file system, open draggable windows, and use the system to reflect on their thoughts, identity, and growth in a structured, immersive way.
It’s a digital mirror — wrapped in the skin of a sci-fi OS.
🛠️ How we built it
- Frontend: React (v18) with TypeScript
- Styling: Tailwind CSS with custom animations and neon effects
- Terminal Engine: Custom parser for CLI-like command execution
- State: React Context + Hooks for desktop/window/session management
- Design: JetBrains Mono for that authentic hacker vibe
- Deployment: Vite + Netlify for smooth DX and fast builds
Everything is modular and customizable. Commands, apps, and UI modules live in structured config/data folders, making it easy to expand or theme.
⚔️ Challenges we ran into
- Designing a terminal that could simulate both command logic and emotional storytelling using just one prompt
- Making the entire experience mobile-friendly while keeping the “desktop OS” illusion intact
- Finding the right tone — poetic, self-aware, and futuristic — without making it too cheesy or too clinical
- Time pressure during the one-shot format to balance UI polish with prompt quality
🏆 Accomplishments that we're proud of
- Created an interactive, cyberpunk-style desktop OS fully in the browser
- Engineered a single-shot prompt that simulates a multi-app emotional experience
- Designed a UI that feels like sci-fi but helps people self-reflect
- Successfully balanced aesthetics, utility, and narrative in one cohesive platform
- It runs across devices beautifully — from high-res desktops to mobile screens
📚 What we learned
- The power of framing: when reflection looks like a system diagnostic, people engage more deeply
- Writing emotionally intelligent AI prompts is like writing music — rhythm and tone matter
- React + Tailwind is a beautiful combo for modular, scalable UI
- Sometimes the best "apps" aren't tools — they're experiences
🚀 What's next for ShadowSelf OS
- 🎙️ Voice Mode: Let users speak commands into the system
- 🌐 Multilingual Support: Bengali and English for wider cultural reach
- 🧠 AI Integration: Enable real-time Claude responses in the live system
- 🎨 Theming System: Custom color modes and retro-futuristic skins
- 📱 Mobile App Version: Package it for iOS and Android
- 🤝 Therapeutic Mode: Collaborate with wellness experts to adapt ShadowSelf OS for mental health
This is just the beginning. ShadowSelf OS is more than a hackathon project — it's a concept I want to grow into a creative self-discovery tool that people around the world can actually use, feel, and evolve with.
Made with ❤️ in Bangladesh 🇧🇩
Built With
- claude-sonnet-4
- css3
- html5
- lucide-react
- netlify
- react
- tailwind-css
- typescript
- vite