Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/crispengari/music-search-app-mevn-stack-vue2

THIS IS THE FRONT END OF THE MUSIC SEARCH APPLICATION WHICH SEARCHES FOR ALBUMS OF AN ARTIST AND SHOW THE USER ALL THE LIST OF ALBUMS FOR A SPECIFIC USER using an API from `theaudiodb.com`.
https://github.com/crispengari/music-search-app-mevn-stack-vue2

axios cors css css3 express html html5 javascript mevn-stack mongodb mongoose nodejs vue-router vue2 vuejs vuetify vuex webdevelopment

Last synced: 2 days ago
JSON representation

THIS IS THE FRONT END OF THE MUSIC SEARCH APPLICATION WHICH SEARCHES FOR ALBUMS OF AN ARTIST AND SHOW THE USER ALL THE LIST OF ALBUMS FOR A SPECIFIC USER using an API from `theaudiodb.com`.

Awesome Lists containing this project

README

        

# music-search-engine

THIS IS THE FRONT END OF THE MUSIC SEARCH APPLICATION WHICH SEARCHES FOR ALBUMS OF AN ARTIST AND SHOW THE USER ALL THE LIST OF ALBUMS FOR A SPECIFIC USER using an API from `theaudiodb.com`.

### This Application is using

- axios
- vuex
- vue-router
- vuetify
- mdi-icons

## Demo

![alt-text](https://github.com/CrispenGari/music-search-app-mevn-stack-vue2/blob/main/bandicam%202021-02-06%2023-14-48-295.jpg)

## Docummentation Links

1. [vuex](https://vuex.vuejs.org/guide/#the-simplest-store)
2. [vuetify](http://vuetifyjs.com/en/components)
3. [axios](https://www.axios.com/)
4. [vue-router](https://router.vuejs.org/)
5. [mdi-icons-list](https://materialdesignicons.com/)
6. [Music-API](https://www.theaudiodb.com/)

## Why this simple application?

This application was build for practice purposes

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).