Shop, play, and have fun—what will you eat today?
Cart Quest is a gamified shopping experience where users don’t just pick food—they play a mini-game while exploring different cuisines. From floating pizza slices to glowing taco icons, every interaction is designed to make the experience feel alive and engaging!
- Choose Your Cuisine: Explore a variety of flavors including Indian, Italian, Chinese, and Mexican.
- Dynamic UI: Dishes appear dynamically based on your selection, keeping the interface clean and reactive.
- Living Animations: Floating food icons, glowing buttons, and animated backgrounds create an immersive environment.
- Interactive Virtual Store: Click and drag items to "pick up" groceries from the aisles and add them to your cart.
- Select a Cuisine: Use the dropdown menu to pick your preferred cuisine.
- Pick Your Dish: Choose from the list of options that appear dynamically.
- Confirm Selection: Click the “Continue” button to confirm your choice.
- Explore the Store: Navigate the virtual aisles. Interact with floating icons and drag items into your cart to complete your shopping quest.
- Frontend: HTML5, CSS3, JavaScript
- Animations: CSS Keyframes (used for floating shapes, glowing effects, and smooth hover transitions).
We have big plans for the future of Cart Quest:
- Score System: Earn points for selecting specific healthy dishes or high-value combos.
- In-Aisle Mini-Games: Introduce unique challenges triggered by specific grocery aisles.
- User Profiles: Save your progress, food preferences, and custom unlocked animations.
- Immersive Audio: Add sound effects for a complete arcade-style shopping experience.
A huge thanks to the team behind the project:
- Divij Gupta
- Ira Batra
- Vansh Bansal
- Grace Chhabra
Created with ❤️ for a better shopping experience.