How sakethharkanchi/beatbox-music-player works
BeatBox is a responsive Flutter web music player. Its documented user journey runs from a splash screen through validated demo login or registration to a home screen, where users can discover music, search and filter it, and access a library. Playback is provided through a full player and mini player, with queue and playback controls. The README also documents themes and profile editing. Source excerpts were unavailable, so paths and relationships beyond the README’s documented capabilities are not verified against implementation.
Main entry points: pages.dart Home · main.dart Flutter App · player.dart Full Player · widgets.dart Mini Player
Components 17
App and Access
- Flutter App
lib/main.dart - Splash Screen
lib/pages.dart - Login and Register
lib/pages.dart
Music Discovery
- Home
lib/pages.dart - Featured Carousel
lib/pages.dart - Genre Chips
lib/pages.dart - Song Grid
lib/pages.dart - Search and Filters
lib/pages.dart
Playback and Library
- Library
lib/pages.dart - Playlists and Likes
lib/pages.dart - Full Player
lib/player.dart - Mini Player
lib/widgets.dart - Audio Playback
lib/player.dart - Music Models
lib/models.dart
Personalization
- Profile Editing
lib/pages.dart - Theme Controls
lib/widgets.dart
Other components
- Listener
Connections 15
- Listener → Flutter App: uses
README.md - Flutter App → Splash Screen: starts at
README.md - Splash Screen → Login and Register: continues to
README.md - Login and Register → Home: opens
README.md - Home → Featured Carousel: features
README.md - Home → Genre Chips: offers
README.md - Home → Song Grid: displays
README.md - Listener → Search and Filters: searches
README.md - Listener → Library: opens
README.md - Library → Playlists and Likes: shows
README.md - Listener → Full Player: controls
README.md - Listener → Mini Player: uses
README.md - Full Player → Audio Playback: controls
README.md - Listener → Profile Editing: edits
README.md - Listener → Theme Controls: switches
README.md