A modern web application that provides comprehensive analytics and insights into your Spotify listening habits. Built with React 19 and Vite, this app visualizes your top tracks, artists, genres, and listening trends with an elegant, Spotify-inspired interface.

Check out the live dashboard here

• User Profile Dashboard: View your Spotify profile information with a personalized welcome greeting.
• Listening Statistics: Track your streams, minutes listened, unique artists, and new discoveries.
• Top Artists & Tracks: Explore your most-played music with visual grid layouts.
• Dynamic Genre Breakdown: Visualize your music preferences with a real-time genre distribution engine.
• Monthly Listening Trends: Interactive charts showing how your habits change over time.
• Recently Played: Browse your listening history with full history support.
• Agentic Integration: Built in collaboration with Vesper, an autonomous AI agent.

• Frontend: React 19, Vite
• Styling: Vanilla CSS with modern variables
• State: React Context API
• Icons: Lucide React
• API: Spotify Web API (Real-time data hydration)

1. Clone & Install:

git clone https://github.com/Arxsher/spotify-wrapped.git
cd spotify-wrapped
bun install

2. Run Dev:

bun run dev

This project uses a proactive agentic workflow. Vesper handles the background grind, repository management, and data engine optimizations so I can focus on the core UI and features.

Created by Arsher & Vesper.🦊🛠️