This is a submission for the AI Challenge for Cross-Platform Apps - WOW Factor
What I Built
Pixel Café is not just a coffee shop app—it's a nostalgic journey into the world of retro gaming and 8-bit aesthetics! I created an immersive retro-futuristic coffee ordering experience that combines the charm of classic GameBoy graphics with modern interactive elements.
The app features:
- 🖥️ Authentic CRT Monitor Effect with scanlines, screen curvature, and bezels
- 🐕 Beanagotchi - Your own pixel art Shiba Inu virtual pet with AI-like behaviors
- 🌦️ Dynamic Weather System that transforms the cafe's atmosphere
- 🎵 Retro Music Player with animated visualizer
- ✨ Holographic 3D Tilt Effect that responds to mouse movement
- 🎨 4 Theme Palettes: GameBoy Green, Amber Terminal, Cyber Blue, and Matrix
What makes it special? It's a fully functional app wrapped in a nostalgia package that makes you feel something—whether you grew up with these aesthetics or you're discovering them for the first time.
Demo
🎥 Video Demo:
Mux Player
player.mux.com
💻 GitHub Repository:
Screenshots
Main screen with CRT effect and Beanagotchi
| Amber | Cyber |
|---|---|
 |
 |
| Matrix | GameBoy |
|---|---|
 |
 |
All 4 retro color themes
Weather effects and music player in action
Details page
| Order Progress | Order Complete |
|---|---|
 |
 |
Ordering page
Cross-Platform Magic
Pixel Café runs seamlessly on:
- ✅ WebAssembly (Primary demo platform)
- ✅ Windows (WinUI 3)
- ✅ Android
- ✅ iOS
- ✅ macOS
- ✅ Linux
The single codebase approach with Uno Platform was transformative! I wrote all the complex animations, particle effects, and interactive logic once in C# and XAML, and it just worked across all platforms. The ability to use familiar .NET patterns while targeting web and mobile simultaneously saved countless hours of development time.
The most impressive part? The holographic 3D tilt effect and particle system run smoothly even on WebAssembly without any platform-specific code.
Interactive Features
Pixel Café is packed with delightful interactions:
🐕 Beanagotchi - Your Virtual Pet
The star of the show! This pixel Shiba Inu:
- Lives autonomously: Blinks, looks around, and randomly takes walks
- Responds to interaction: Feed him treats, play with him (triggers "zoomies"!), or poke him directly
- Has personality: Different animations and reactions based on how you interact
🌦️ Dynamic Weather System
Click the time display (top right) to cycle through:
- ☀️ Sunny/Clear skies
- 🌧️ Animated rain with particle effects
- ❄️ Gentle snowfall
- 🌙 Night mode with twinkling stars
- 🌆 Evening mode with warm atmospheric tint
🎵 Retro Music Player
A cassette-style player with:
- Rotating playlist ("8-BIT CHILL", "LO-FI BEATS", "RETRO WAVE")
- Animated visualizer bars that pulse with the beat
- Click to skip tracks
✨ Holographic Effects
- 3D Tilt: The entire device frame rotates in 3D space following your mouse
- Pixel Dust Trail: Sparkly particles follow your cursor movement
- Smooth Animations: Buttery 60fps performance across all effects
📋 Menu System
Smooth scrolling menu with pixel-perfect items like "8-Bit Brew" and "Glitch Donut", each with custom pixel art icons.
The Wow Factor
What I'm most proud of? The cohesive experience.
Every element works together to create something that feels alive. The Beanagotchi doesn't just sit there—he's a companion that makes you want to come back. The weather changes create different moods. The holographic tilt makes it feel like you're holding a real device. The CRT effect with scanlines adds authenticity that GenZ and Millennials instantly recognize and love.
But the real "wow" moment? When you poke the pet and he reacts, or when you trigger his zoomies and watch him tear across the screen with pure joy. It's these tiny, delightful interactions that make people smile and say "I want to show this to someone!"
The technical wow factor is equally impressive: achieving this level of visual fidelity and animation smoothness in a cross-platform app from a single codebase showcases the true power of Uno Platform and modern .NET.
Tech Stack
- Uno Platform (Single codebase, multiple platforms)
- WinUI 3 (Modern UI framework)
- C# / .NET (Core logic and animations)
- XAML (Declarative UI)
Try It Yourself
Clone the repo and press F5 to experience the magic: GitHub - PixelCafe
Press START to Order 🎮☕
Top comments (0)