- React.js (Next.js)
- APIs: Use Shazam API to gather music data Use Shazam Core API to gather artist details and recommended tracks Use IP Geolocation API to get the user’s location
- Music Player - Users can click on any song, and a music player will appear. The player must include basic controls such as previous song, next song, and pause/play buttons. Additional details such as the song’s name, author, volume, repeat, and duration controls are a plus.
- Homepage - Users can choose a genre and get top songs for that genre
- Explore - Users can select a country and get top songs for that country
- Music for Specific Country - Show the top songs for the user’s country
- Artists Page - Users can see a list of the most famous artists
- Artist Details Page - Users can see additional information about the artist and all of their most popular songs.
- Song Details Page -Users can see additional information about the song, such as the song’s music video and lyrics and a list of similar songs.