MUZIFY

Upload and share your music!

DEMO

life demo here

Table of Contents

• General Info
• Technologies Used
• Usage
• Project Status
• Screenshots
• Room for Improvement
• Setup

General Information

Muzify is a web application for users to upload music and listen to it using the built-in player. Users can comment on songs, share them with others and creating lists. The main assumption of the project was to learn the Vue.js framework in practice.

Technologies Used

• Vue.js
• Firebase Auth, Firestore, Firebase Storage
• Howler.js
• i18n
• Pinia
• TailwindCSS
• Caching

Usage

• uploading music
• lisening music by audio player
• adding comments to uploaded songs

Project Status

Project is: in progress

Screenshot

Room for improvement

• creating personalized lists of songs
• tagging songs

Setup

Recommended IDE Setup

VSCode + Volar (and disable Vetur) +

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint