Skip to content

A React and tailwind app powered by Firebase, where users can upload .mp3 files use it as streaming service.

Notifications You must be signed in to change notification settings

abhinav-raman/Musicify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Musicify is an app that lets you upload your favorite mp3 files and makes them available to every user.

Setup locally with your own firebase project

# cloning the project
git clone https://github.com/abhinav-raman/musicify.git

# install dependencies
npm install or yarn install

# Setting up the project
1. Make a firebase account.

2. Add a project to the firebase.

3. Once the project is added to firebase, enable "Realtime Database", "Authentication" and "Storage" in your project.

4. Rename "FireBaseSampleApp.jsx" file in the project to "FirebaseApp.jsx".

5. Replace configuration with your own firebase project's configuration.


Dependencies

  1. React
  2. React Router
  3. React Player
  4. Tailwind CSS
  5. Firebase

Features

  1. Authentication with signin/login feature.
  2. Custom input components.
  3. Media player for playing files.
  4. Upload *.mp3 files and their validation.
  5. Music data is managed via storing metadata in firebase realtime database.

Usage

  1. Open Musicify in the browser.
  2. Sign up for new account.
  3. Log in to exiting account.
  4. Landing page contains mp3 files.
  5. User can also upload their own mp3 files to the database by through upload feature after logging in.

About

A React and tailwind app powered by Firebase, where users can upload .mp3 files use it as streaming service.

Topics

Resources

Stars

Watchers

Forks