MusiCloud

CSE 5325 SE - 2 Fall 2023 Project

MusiCloud is an academic web application designed for managing and playing music. It features functionalities like song upload, playlist creation, and song playback.

Project Overview

MusiCloud provides a platform for users to upload, organize, and enjoy their music. It's built with React for the frontend and Firebase for the backend, making it a modern and responsive music management system.

Project Structure

The project is structured into several components, including:

• src/components: Contains React components for different pages and features.
• src/firebase: Firebase configuration and utility functions.
• src/context: React context for managing the playlist state.

Technologies Used

• Frontend: React, React Router, React Audio Player
• Backend: Firebase (Authentication, Realtime Database, Storage)
• Styling: CSS3

How to Run the Project

1. If you have the project zip file, just neext to expand the zip file or else you can clone the repository: git clone https://github.com/abhinavshashank/MusiCloud.git
2. Install Node if you haven't already, by going to the link : https://nodejs.org/en/download/ and selecting your System's OS
3. After you've installed node, you should go to the path in which the project files are present, by cd Path-to-MusiCloud/musicloud and then install the dependencies by: npm install
4. You can now run the project by : npm start

Features

• User authentication
• Song upload
• Like a Song
• Most Liked Songs
• Search a song
• Dynamic playback with React Audio Player
• See the list of songs uploaded by you
• Logout

Usage Instructions

1. Sign up or log in to your MusiCloud account.
2. After signing in Upload your songs through the "Upload" feature on the left sidebar.
3. You can now see the songs uploaded by you in "My Songs" section.
4. You can also search for any song that has been uploaded here.
5. You can play a song by clicking the play button cooresponding to the song in the My Songs Section or from the Search Result.

Contact Information

For any questions or clarifications, please contact:

• Name: Abhinav Shashank Choudhary

• Email: [email protected]

• UTA ID: 1002039179

• Name: Michael Danilson

• Email: [email protected]

• UTA ID: 1002069595