https://github.com/kouts/music-app
A Vue.js single page application that displays the Pink Floyd discography using the TheAudioDB API as it's source
https://github.com/kouts/music-app
demo-app music-api sample-app vue vuejs
Last synced: about 2 months ago
JSON representation
A Vue.js single page application that displays the Pink Floyd discography using the TheAudioDB API as it's source
- Host: GitHub
- URL: https://github.com/kouts/music-app
- Owner: kouts
- License: mit
- Created: 2020-08-07T20:20:19.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-02-23T08:00:10.000Z (about 3 years ago)
- Last Synced: 2025-03-08T21:03:50.393Z (3 months ago)
- Topics: demo-app, music-api, sample-app, vue, vuejs
- Language: JavaScript
- Homepage:
- Size: 731 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MusicApp
A Vue.js single page application that displays the Pink Floyd discography using the [TheAudioDB API](https://www.theaudiodb.com/api_guide.php) as it's source.
> MusicApp is created using [Vue CLI](https://cli.vuejs.org/). It uses [Vuex](https://vuex.vuejs.org/) for state management and [Vue Router](https://router.vuejs.org/) for client-side routing.
>
> For the tests, [Vue Test Utils](https://vue-test-utils.vuejs.org/) with [Jest](https://jestjs.io/) is used.
**Some notes**
- Styling is applied using app-level and in-component custom SCSS
- Simple in-memory caching of albums data for better performance
- Scroll position is restored in list view for better UX
- Scroll back to top functionality
View it live at https://kouts-music-app.netlify.app
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run your unit tests
```
npm run test:unit
```
### Lints and fixes files
```
npm run lint
```