How mariiakolisnykshi2025-pixel/moodplaylist works
A small browser app builds a music playlist from a chosen mood and genres: it suggests genres, searches YouTube, then displays matching videos. The JavaScript supports this workflow; the HTML and CSS paths are known from the tree, but their contents were not sampled, so their specific structure is not described.
Main entry points: script.js Video search · index.html App interface · style.css Visual styling
Components 8
Browser interface
- App interface
index.html - Visual styling
style.css
Playlist workflow
- Mood selection
script.js - Genre selection
script.js - Video search
script.js - Playlist display
script.js
External service
- YouTube Data API
Other components
- User
Connections 10
- User → App interface: interacts with
- App interface → Mood selection: dispatches mood click
- Mood selection → Genre selection: renders suggestions
- User → Genre selection: selects genres
- Genre selection → Video search: generates query
- Video search → YouTube Data API: requests videos
- YouTube Data API → Video search: returns results
- Video search → Playlist display: passes results
- Playlist display → App interface: renders videos
- Visual styling → App interface: styles interface