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.