Rhythm Radar is a web app that helps music lovers explore trending songs and discover new tracks. Powered by the Spotify Web API, the app provides a dashboard view of the Billboard Hot 100 with detailed track insights, interactive charts, and filtering features.
- Trending Music Dashboard: Browse the latest Billboard Hot 100 songs.
- Track Detail Pages: Each track has a dedicated page with additional info and a unique shareable URL.
- Interactive Data Visualizations: Dynamic charts highlight trends across genres, popularity, and artist statistics.
- Secure Authentication: OAuth PKCE flow ensures safe and secure access to Spotify’s API.
- Frontend: React.js, JavaScript, HTML5, CSS3
- Backend/Integration: Spotify Web API
- Data Visualization: Recharts
A quick walkthrough of the app in action.
This project was developed as part of my web development coursework, but I expanded it with a focus on usability and real-world development practices.
- Implemented OAuth PKCE authentication to integrate securely with the Spotify API.
- Adapted to API limitations and deprecations (e.g., algorithmic playlists no longer accessible) by leveraging the Billboard Hot 100 as a reliable data source.
- Add filters for genre, release date, and popularity range.
- Allow users to toggle between different data visualizations.
- Build user accounts with customizable playlists and saved favorites.
Copyright 2025 Zachariah M. Herrera Atkins
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.