SVELTEIFY - A PWA Music App 🎵

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

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

2. Extract does not work at first go back and try again.

3. 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)