Skip to content

akash-cs13/pwa-music

Repository files navigation

SVELTEIFY - A PWA Music App 🎵

Readme_Banner

Check it out here

About

A Personal Project to mess around with Sveltekit, created a Progressive Web Application with Firebase Storage and Firestore Database which is cross-platform compatible and has offline access.

Installation

Basics

# clone this repo and cd into directory
# install dependencies
npm i

#run development server
npm run dev

#build and deploy
npm run build
npm run deploy

FireBase Setup

  1. Create a new Firebase Project and paste the firebaseconfig in src/routes/FirebaseConfig.ts
  2. Set both Firebase Storage and Firestore Database rules to allow read, write: if true;
  3. Enable CORS for to enable offline downloading.

Bugs 🪲

  1. You need to add the first audio file manually.

upload music file and album_image to a folder in Firevase Storage pacman_save

add the dummy data to Firestore Database pacman_db
You dont need to add lyrics, leave it blank or set it as {}

  1. Extract does not work at first go back and try again.
  2. If no album image is add during upload, the image uploaded to Storage is broken. (Quick Fix: Either upload a default image or Change image in Storage directly)