How lucashazardous/opensourcecasino works
Open Source Casino is a browser casino for wagering fake points on slots, roulette, and blackjack. Users enter through the home page, choose a game, select a bet, play a round, and receive any reward as points; the app persists the balance in browser local storage. The graph shows the documented routes and sampled game interactions, plus shared UI and balance handling. Some listed components were not excerpted, so their internal behavior and any connections not documented or shown are omitted.
Main entry points: App.vue App shell · RouletteView.vue Roulette round · SlotsView.vue Slots round · index.js Route table
Components 18
App and routing
- Vue entry
src/main.js - App shell
src/App.vue - Route table
src/router/index.js - Game home
src/views/HomeView.vue - Game metadata
src/Game.js
Casino games
- Blackjack round
src/views/BlackjackView.vue - Roulette round
src/views/RouletteView.vue - Slots round
src/views/SlotsView.vue - Roulette wheel
src/components/RouletteComponent.vue - Slot reel
src/components/SlotComponent.vue - Blackjack table
src/components/BlackjackCardTable.vue
Shared interface
- Navigation bar
src/components/NavBar.vue - Game card
src/components/GameCard.vue - Bet selector
src/components/BetSelectButton.vue - Odds information
src/components/InfoComponent.vue - Reward notification
src/components/ToastNotification.vue
Points and persistence
- Browser local storage
Other components
- Player
Connections 26
- Player → App shell: plays
- Vue entry → App shell: mounts
src/main.js - Vue entry → Route table: installs
src/main.js - App shell → Route table: renders routes
src/App.vue - Route table → Game home: routes to
src/router/index.js - Route table → Slots round: routes to
src/router/index.js - Route table → Roulette round: routes to
src/router/index.js - Route table → Blackjack round: routes to
src/router/index.js - App shell → Navigation bar: renders
src/App.vue - App shell → Game metadata: creates
src/App.vue - Game home → Game card: renders
src/views/HomeView.vue - App shell → Browser local storage: reads and writes
src/App.vue - Blackjack round → App shell: emits balance changes
src/views/BlackjackView.vue - Slots round → App shell: emits balance changes
src/views/SlotsView.vue - Roulette round → App shell: emits balance changes
src/views/RouletteView.vue - Blackjack round → Bet selector: uses
src/views/BlackjackView.vue - Blackjack round → Blackjack table: renders
src/views/BlackjackView.vue - Blackjack round → Reward notification: renders
src/views/BlackjackView.vue - Roulette round → Bet selector: uses
src/views/RouletteView.vue - Roulette round → Roulette wheel: spins
src/views/RouletteView.vue - Roulette round → Reward notification: renders
src/views/RouletteView.vue - Roulette round → Odds information: renders
src/views/RouletteView.vue - Slots round → Bet selector: uses
src/views/SlotsView.vue - Slots round → Slot reel: spins
src/views/SlotsView.vue - Slots round → Reward notification: renders
src/views/SlotsView.vue - Slots round → Odds information: renders
src/views/SlotsView.vue