Spotify Stats - Get data of your personal listening history, displayed with charts and graphs, and visualised with a clean and modern UI.

This project is a full-stack app designed for data-visualisation. It consists of a TypeScript/React frontend with a Node Backend to store user data securely using MongoDB. The aim of this project is to use Spotify's public API service to get user's data, then to store and display that data using D3 charts library.

-> Please, do not clone this repository unless you are a recruiter. If you copy my work and try to pass it off as your own (this has happened before!), I will know.

---

📷 Screenshots - Everything is subject to change including this UI

Project is in early stages of development - screenshots to come.

---

🛠 Planned Features

• Sign into an account with spotify.
• Use the Spotify API to return user data about a persons listening history.
• Listening Stats such as minutes listened, number of tracks listened and currently played music will be displayed.
• Top 5 most listened Songs this month.
• Top 5 most listened Albums this month.
• Top 5 genres this month.
• More ideas to come during development. --

✔️ Completed Features

• No completed Features yet aside from basic UI mockup and API route testing.

🛠 Technologies Used (so far)

• Frontend: React, TypeScript, React-router, React-Context, Figma.
• Libraries: D3 Charts, Toastify.js, Mantine UI.

---

📌 Status

This project is a work in progress and will be fully deployed when a working version is completed.

---

📫 Contact

If you're interested in the project, feel free to connect or follow the development:

• GitHub: DanielSteele1
• Portfolio: danielsteele.dev
• LinkedIn: Daniel Steele