Dark-Themed Casino Game Platform
A browser-based casino game platform with six mini-games, an Event Pass progression system, a crystal economy, and premium features.
Games
Dice Roll — roll two dice and win multipliers based on the sum: 7 = x3, 2/12 = x5.
Spin Wheel — probability-based wheel with six segments, from Jackpot to Lose.
Lucky Spin — five-reel slot machine with streak-based payouts.
Crash — rising multiplier where players cash out before the crash.
Blackjack — full blackjack with Hit/Stand, dealer AI, and a betting system.
Collection Match — memory card game with four item rarities.
Crystal Economy
Players start with 10 free crystals. Crystals regenerate every 5 minutes up to a maximum of 10 and are used to restore attempts in games. The premium bonus grants an additional +20% crystals.
Event Pass
The Event Pass contains 30 levels with separate Free and Premium reward tracks.
Design
The platform uses a dark theme with an indigo accent, frosted-glass cards, sharp corners, and parallax effects on game cards. Each dashboard card displays an animated preview of its game. Sound effects are generated through the Web Audio API without using audio files.
Tech Stack
Next.js 14 (App Router, client-side)
TypeScript
styled-components
framer-motion
React Context + useReducer + localStorage
Web Audio API