Skip to content

A simulated playlist manager application made as the last project of the course in Vue.js 3 & Firebase by The Net Ninja

Notifications You must be signed in to change notification settings

LehmannPi/playlist-creator-vue

Repository files navigation

🎵 Web Playlist Creator

A project of a simulated music streaming service with authentication, authorization, database and hosting with Firebase.

It allows creation and storage of playlists with it's songs names, artists and cover images.

In this project, the API key is declared as a local environment variable. A new key must be created at https://firebase.google.com/ and replaced in the src/firebase/config.js file.

🔗 https://playlist-vue-project-a4e60.web.app/

📸 Screenshots

Home page

User playlists

Playlist contents

🛠 Installation & Set Up

  1. Install dependencies
npm install
  1. Preview the site as it will appear once deployed
npm run serve

3.Generate a full static production build

npm run build

🎨 Color Reference

Color Hex
Dark Gray #4f515a #0a192f
Light Gray #ddd #112240
Warning #da0f41 #233554

Hosted with Firebase:

https://playlist-vue-project-a4e60.web.app/

About

A simulated playlist manager application made as the last project of the course in Vue.js 3 & Firebase by The Net Ninja

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published