This is a submission for the AI Challenge for Cross-Platform Apps - WOW Factor
What I Built
Step into a world of magical fantasies🪄, enchanted spellbooks 📙, and mythical coffee brews☕.
Coffee Fantasy is a themed interactive digital coffee shop that transforms a simple coffee-ordering system into a mythical adventure.
The app feels like opening an ancient spellbook hidden deep in a wizard’s library. Instead of selecting regular coffee, users discover mythical potions, each with its own magical effects, lore, and atmospheric UI.
Demo
📦 Repository: https://github.com/Sarah-okolo/Coffee-Fantasy
🔗 Live Demo (Windows):
The experience blends:
- Fantasy game-like design
- Immersive animations
- A fully themed potion-selection mechanic
- Charming character interactions
- A playful, enchanted shopping flow
It’s a coffee shop — but enchanted.
Interactive Features & Screenshots
Coffee Fantasy isn't just beautiful — it’s interactive and alive.
✨ Spellbook Homepage
A magical animated book cover that opens when “Explore Potions” is clicked.
✨ Wizard Guide
A friendly illustrated wizard appears throughout the UI, giving the experience charm and personality.
✨ Potion Selection Grid
Coffee choices appear as magical potions inside an illustrated grimoire layout.
✨ Dynamic Potion Details Page
Each potion displays:
- 3D-styled coffee image
- Add to Basket animations
✨ Cart system turned to Basket
A woven straw basket with magical vines holds selected brews.
Basket Page Empty and Filled
An enchanted page where users view their chosen potions inside their baskets.
Brewing the ritual
This represents confirming the order.
Ritual Brewed and completed
The user's coffee order has been confirmed and is out for delivery.
✨ Overall Interaction
- Buttons with enchantment effects
- Smooth transitions
- Themed UI containers (scrolls, spellbook pages, carved borders)
- Subtle particle-like sparkles
The result feels like a mini fantasy game disguised as a coffee app
Cross-Platform Magic
The Coffee Fantasy application currently runs on:
- 🪟 Windows
- 🌐 WebAssembly (WASM)
Thanks to the single-codebase approach, the core UI, animations, and interactions behave consistently across platforms — even with heavy thematic styling and custom image assets. Deploying to both environments required no redesign; the fantasy UI scaled seamlessly.
The Wow Factor
The true wow factor is the cohesive fantasy world built around a functional coffee-ordering application.
- The entire UI is crafted to resemble a wizard’s spellbook
- Every page, button, and interaction feels like part of the story
- The potion concept transforms everyday coffee into magical items
- The app feels alive thanks to animations and character art
- It takes a mundane task (choosing coffee) and turns it into an experience
Coffee Fantasy doesn't just let you order coffee — it invites you into a wonderful, mythical world.
Top comments (3)
This is such awesome work!!!🔥🔥🔥
It looks great! I wish you luck!
Thankss