https://github.com/alexgioffdev/musicdiscovery
Music Discovery is a modern web app that lets users explore and discover new music using the power of the Spotify API. With a clean interface and preview capabilities, users can find artists, albums, playlists, and listen to song snippets—all in one place.
https://github.com/alexgioffdev/musicdiscovery
lastfm-api nextjs spotify-api
Last synced: 28 days ago
JSON representation
Music Discovery is a modern web app that lets users explore and discover new music using the power of the Spotify API. With a clean interface and preview capabilities, users can find artists, albums, playlists, and listen to song snippets—all in one place.
- Host: GitHub
- URL: https://github.com/alexgioffdev/musicdiscovery
- Owner: AlexGioffDev
- Created: 2025-06-16T08:32:03.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-16T08:38:27.000Z (12 months ago)
- Last Synced: 2025-06-16T09:52:15.260Z (12 months ago)
- Topics: lastfm-api, nextjs, spotify-api
- Language: TypeScript
- Homepage: https://music-discovery-coral.vercel.app
- Size: 37.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎵 Music Discovery
Music Discovery is a modern web app that lets users explore and discover new music using the power of the Spotify API. With a clean interface and preview capabilities, users can find artists, albums, playlists, and listen to song snippets—all in one place.
## 🚀 Features
- 🔍 **Search music** by genre, tag, artist, album, or playlist
- 🎧 **Listen to 30-second previews** of songs
- 📀 **View album details** with cover, tracks, and artist info
- 👩🎤 **Explore artist pages** with bio, genres, and top tracks
- 📜 **Read artist descriptions** powered by Last.fm
- 📂 **Browse playlist pages** with embedded track previews
## 🛠 Tech Stack
- **Next.js** (App Router)
- **TypeScript**
- **TailwindCSS** for UI styling
- **Spotify Web API** for music data
- **Last.fm API** for artist biographies
## 📸 Screenshots
Screenshots of the app are available in the [`screenshots/`](./screenshots) folder.