Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/spm999/mplayer
The Ultimate Music Player is a dynamic and user-friendly application designed to store and play your favorite songs. Built with React.js and Firebase, this music player offers a seamless experience, allowing you to enjoy your favorite tunes anytime, anywhere.
https://github.com/spm999/mplayer
css firebase firestore-database google-login javascript jsx musicplayer react react-router vite
Last synced: 4 days ago
JSON representation
The Ultimate Music Player is a dynamic and user-friendly application designed to store and play your favorite songs. Built with React.js and Firebase, this music player offers a seamless experience, allowing you to enjoy your favorite tunes anytime, anywhere.
- Host: GitHub
- URL: https://github.com/spm999/mplayer
- Owner: spm999
- Created: 2023-12-26T11:05:14.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T18:09:03.000Z (4 months ago)
- Last Synced: 2024-07-19T23:16:21.742Z (4 months ago)
- Topics: css, firebase, firestore-database, google-login, javascript, jsx, musicplayer, react, react-router, vite
- Language: JavaScript
- Homepage: https://mplayer-zmqi.vercel.app/
- Size: 142 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Music player using Reactjs+Firebase
This project is a simple music player application built using ReactJS for the frontend and Firebase for the backend. It allows users to listen to their favorite music tracks stored in the Firebase Cloud Storage.
## Features
**1. User authentication:** Users can sign up and log in securely using Firebase Authentication.
**2. Music Library:** Users can view and play music tracks from their library stored in Firebase Cloud Storage.
**3. Play Controls:** Basic play, pause, and speed controls are provided for each track.
**4. Responsive Design:** The application is responsive and can be accessed on various devices such as desktops, tablets, and mobile phones.
## Technologies Used
**1. ReactJS:** A JavaScript library for building user interfaces.
**2. Firebase:** A platform provided by Google for building web and mobile applications.
**3. Firebase Authentication:** For user authentication.
**4. Firebase Cloud Storage:** For storing music tracks.
## Getting Started
### Prerequisites
1. Node.js and npm installed on your local machine.
2. A Firebase project set up on the Firebase Console.
### Installation
1. Clone the repository to your local machine:
```
git clone https://github.com/spm999/Mplayer.git
```
2. Install dependencies:
```
npm install
```
3. Set up Firebase configuration: Set up firebase authentication and storage by visiting [Firebase](https://console.firebase.google.com/u/0/) and change details in firebase.js file.
4. Start the development server:
```
npm start
```
5. Open your browser and navigate to http://localhost:5172 to view the application.
### Contributing
Contributions are welcome! Feel free to submit pull requests or open issues for any bugs or feature requests.
## For a detailed blog on this project, please visit [Medium](https://medium.com/@developerstoday99/creating-a-music-player-with-reactjs-vite-firebase-authentication-and-firebase-storage-a48dc6a0a558)