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.

---

📷 Screenshots - Everything is subject to change including this UI

---

🛠 Planned Features

• More ideas to come during development. --

✔️ Completed 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.

🛠 Technologies Used (so far)

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

---

📌 Status

This project is live! More updates to come.

---

📫 Contact

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

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