Skip to content

Melmoyo/Wave-Stat

Repository files navigation

Wave Stat

A React-based music dashboard that connects to the Last.fm API to surface K-pop listening statistics with dynamic data visualizations.

Features

  • 🎵 Displays top artists based on Last.fm listening data
  • 📈 Trending tracks with real-time API data
  • 🥧 Pie and bar charts powered by Recharts
  • 🔍 Search and explore K-pop artist statistics
  • 📱 Responsive design for mobile and desktop

Tech Stack

  • React — component-based UI
  • TypeScript — type-safe codebase
  • Recharts — data visualizations
  • TailwindCSS — utility-first styling
  • Last.fm API — music listening data
  • Vite — fast dev environment and build tool

Live Demo

🔗 View Live

Getting Started

git clone https://github.com/Melmoyo/Wave-Stat.git
cd Wave-Stat
npm install
npm run dev

Note: You'll need a Last.fm API key. Create a free account at last.fm/api and add it to a .env file as VITE_LASTFM_API_KEY=your_key_here

About

Wave Stat is a React-based dashboard that consumes the Last.fm API to surface K-pop listening statistics. It features dynamic data visualizations using Recharts, including pie and bar charts, to display top artists, trending tracks, and more.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors