Infinity Quest

Inspiration

Inspired by the iconic Infinity Gauntlet from the Marvel Cinematic Universe - the idea of collecting powerful stones and wielding ultimate power through the legendary "snap."

What it does

Infinity Quest is a browser-based arcade game where players control a gauntlet to catch falling Infinity Stones. Collect all six stones (Space, Mind, Reality, Power, Time, Soul) to unlock the ability to perform the snap. Complete 3 snaps to achieve victory. Features a global leaderboard to compete with other players.

How we built it

Frontend: React + TypeScript with Vite for fast development Styling: Tailwind CSS with custom cosmic-themed design system UI Components: shadcn/ui for polished interactions Backend: Lovable Cloud for database and real-time leaderboard Game Engine: Canvas-based rendering with React hooks for game state management

Challenges we ran into

Balancing game difficulty progression to keep players engaged Creating smooth canvas animations while maintaining React state Designing an intuitive touch/mouse control system that works across devices

Accomplishments that we're proud of

Beautiful cosmic visual design with glowing effects and animations Seamless leaderboard integration with instant score submission Progressive difficulty system that scales with player score

What we learned

Canvas rendering techniques within React components Real-time database integration for competitive gaming Creating engaging visual feedback through CSS animations and effects

What's next for Infinity Quest

Sound effects and background music Power-ups and special abilities Mobile-optimized controls Multiplayer competitive mode Achievement system

Built With

• canvas
• cloud
• css
• framer
• html5
• lovable
• motion
• react
• shadcn/ui
• supabase)
• tailwind
• typescript
• vite