Overview
The Spotify Dashboard is a web app that provides personalized insights into your Spotify listening habits by securely connecting to Spotify’s API.
It shows your top tracks, artists, and genres across multiple time ranges, allowing you to explore your music preferences over recent weeks or longer periods.
The app uses OAuth 2.0 Authorization Code Flow with PKCE to ensure secure authentication and token management.
Designed with responsive and accessible JavaScript and HTML, the dashboard works smoothly on both desktop and mobile devices.
Features
- View your top tracks, artists, and genres filtered by short-term, medium-term, and long-term listening history.
- Interactive visualizations of your music trends using JavaScript libraries.
- Secure authentication using Spotify’s Authorization Code Flow with PKCE.
- Create custom playlists directly from your top tracks.
- Light and dark mode toggle for enhanced user experience.
Access the App
Explore your personalized Spotify listening data by visiting the live dashboard:
Technology Stack
- Frontend: JavaScript, HTML, and CSS served from the same Render deployment as the backend.
- Backend: Node.js with Express.js, handling Spotify token exchanges and refresh securely.
- Authentication: OAuth 2.0 Authorization Code Flow with PKCE.
- Deployment: Entire app (frontend + backend) deployed on Render.
User Experience & Design
- Mobile-first responsive design for seamless experience across devices.
- Simple, clean UI built with usability and accessibility in mind.
- Customizable display options for time ranges and themes.
