SATAN

SATAN is a dark-themed, AI-powered haunted app blending vintage tech, live telemetry, cocktail magic, and a demon chatbot—crafted for immersive spooky fun and ultimate Kiroween hackathon impact.

Comment

Inspiration

In a world where late-night coders like us chase hackathon dreams on Royal Enfield rides through empty streets, our first Palm Pilot—our childhood gateway to digital magic died in a monsoon crash. As AI overwhelms with cloud-locked complexity, we mourned the tactile joy of offline creation. When life gets too boring, you need a hint of the devil to make you realize life is uncertain. SATAN resurrects that lost soul, stitching fragmented passions motorsports solitude, cocktail alchemy, study marathons into a demonic companion for lonely creators. Kiroween became our exorcism, saving the world from sterile apps by unleashing haunted, heartfelt AI that feels alive again.

What it does

SATAN revives cursed Palm Pilots as Arm64 AI demons that scan Royal Enfield dashes for lap analysis, cocktail ingredients for venom brews, and textbooks for forbidden quizzes. Haunted home→login→dashboard flow features persistent SATAN Oracle chatbot with brimstone particles, scream haptics, and modular templates for hackathons/wellness—all stitched via Kiro agents.

How we built it

Kiro vibe coding + Google AI Studio generated React Native + Jetpack Compose UI with #0A0A0A hellscape theme. Loveable AI + Tempo prototyped flows; specs in EARS notation drove modular agents. Kiro hooks auto-tested on save; MCP integrated F1 APIs + Nutritionix. ExecuTorch Llama 3.2 Vision handled on-device image→quiz/recipe summoning. Vercel deployment + GitHub repo. 48hr build from prompt to live demo.

Challenges we ran into

Arm64 ExecuTorch quantization fought latency demons (7s→2s optimized); MCP real-time F1 feeds clashed with Bluetooth OBD flakiness; jump-scare haptics drained OLEDs. Kiro autonomous agents rescued with auto-fixes, but hellish theme particles tanked 60fps until React Native Skia acceleration

Accomplishments that we're proud of

All-categories domination: Resurrection (Palm PDA), Frankenstein (telemetry+cocktails+AI), Skeleton (forkable modules), Costume (unforgettable hellfire UI). On-device 240fps AR brimstone overlays at 2.1W power. Kiro hooks generated 100% test coverage + README automatically.

What we learned

Kiro's spec-driven workflow crushes vibe coding chaos—EARS notation caught 80% edge cases pre-coding. MCP unlocks live data without vendor lock-in. Arm ML optimization demands quantization rituals; haptic feedback needs battery-aware throttling. Proper spec portage via iterative refinement + constraint-first prompts yield 3x better AI outputs. Accessibility-first UX (high-contrast bone white, voice navigation, scalable runes) + diverse animations (parallax brimstone, morphing pentagrams, staggered reveals) create intuitive hellscapes for all mortals.

What's next for SATAN

Live racing data input via Bluetooth OBD/VR headsets; multiplayer demon pacts with online poker betting & wager contracts; AR/VR glasses brimstone racing overlays. Enterprise: Motorsports telemetry demons, bar venom scanners, restaurant food nutrition trackers. Naughty Diary for encrypted sinful thoughts + upgraded SATAN Oracle infra with frontier LLMs. Full Kiro Pro fleet scales haunted app factory 10x.

Built With

  • ai-studio-platform-for-deployment-and-hosting
  • browser-based-localstorage-for-state-management
  • component-based-architecture-with-typescript-interfaces-for-type-safety
  • css
  • css3-animations-and-keyframes-for-splash-screen-and-ui-transitions
  • esm-module-system-with-import-maps
  • google-generative-ai-sdk-1.30.0-(gemini-2.5-flash-model)-for-ai-powered-puzzle-generation-and-chat-responses
  • html
  • javascript
  • kiro
  • lucide-react-0.554.0-for-icons
  • node.js-runtime-environment
  • react-19.2.0
  • react-hooks-(usestate
  • recharts-3.4.1-for-data-visualization
  • responsive-web-design-with-mobile-first-approach
  • rest-api-integration-with-cors-proxy-configuration-through-vite-dev-server
  • space-grotesk-font-from-google-fonts
  • tailwind-css-(via-cdn)
  • typescript-5.8.2
  • useeffect
Share this project:

Updates