Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chomelc/statify

A simple Angular application to visualize your Spotify statistics.
https://github.com/chomelc/statify

angular angular-material bootstrap typescript

Last synced: about 1 month ago
JSON representation

A simple Angular application to visualize your Spotify statistics.

Awesome Lists containing this project

README

        



Spotistics / Statify

:bulb: The production name of this application is _Statify_, in order to comply with the [Spotify Developer Policy](https://developer.spotify.com/policy/).

:gear: _This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.5._

:art: _Bar Chart Icon designed by [srip](https://www.flaticon.com/authors/srip)._

## :hammer: Tools

- [Spotify Web API](https://developer.spotify.com/documentation/web-api/reference/#/) for the data ;
- [ngx-charts](https://swimlane.gitbook.io/ngx-charts/) for the charts ;
- [Angular Material](https://material.angular.io/) & [Bootstrap](https://getbootstrap.com/) for styling.

## :gear: Running the app in development

Install or update dependencies with:

```bash
npm install
```

Run `npm run start:frontend` for a dev server and navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Make sure the [server](https://github.com/chomelc/Statify-server) is running on http://localhost:8000/.

## :round_pushpin: Visiting the actual application

The actual application is deployed with Heroku [here](https://appstatify.herokuapp.com/).

---

_Do :star: the repository if you find the project interesting, that would make my day._

Buy Me A Coffee