Check it out deployed: https://hauz-vue.netlify.app/
This is music app where user can register as listeners or artists and can upload or listen to their favourite songs. Specifically this one is created for a music production called "Hauz". Using Vue and Pinia, I've created a smooth and responsive user experience that allows you to browse and play music with ease. Router helps us navigate between different pages and sections of the app, and Firebase powers our real-time data storage and management. This is also Progressive Web App created with Workbox pwa plugin for Vite. I enjoyed building it!
- JavaScript
- Vue
- Vite
- Pinia
- Firebase
- Router
- TailwindCSS
- Workbox for Progressive Web App
To install the Music App Platform locally, please follow the steps below:
- Clone repo to your machine
- Open the root of the project and install all dependencies with
npm install - To run the local version
npm run dev
While I was building Music App Platform I have learned the fundamentals of Vue and TailwindCSS. I learned what is Pinia and store management, how to navigate between pages with navigation guards, access to the different pages depending on user registration and what works best for my current application. It was my first project using Firebase and I have learned a lot about Storage, Firestore database and Authentication.
Most challenging part was using the Firebase and some different libraries that I wasn't aware of before. After some Googling I found out the MDN documentation about them and with help of the course tutorials - it worked!
This project is done as part of the "Complete Vue Developer 2023: Zero to Mastery (Pinia, Vitest)" course curriculum.