Touisse / Music_Player_JS

This is a music player app built with React JS. It allows users to upload, store, and play their favorite songs. The app features a modern, sleek design and is easy to use.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Music Player App

This is a music player app built with React JS. It allows users to upload, store, and play their favorite songs. The app features a modern, sleek design and is easy to use.

Installation

To install the app, follow these steps:

  1. Clone the repository to your local machine.
  2. Open a terminal window and navigate to the project folder.
  3. Run the command npm install to install all dependencies.
  4. Once the installation is complete, run the command npm start to start the app.

The web site should now be running on http://localhost:3000/.

Features

The app has the following features:

  • Upload and store songs
  • Play, pause, and skip songs
  • Shuffle and repeat playback modes
  • Volume control
  • Song progress bar

Usage

To use the app, follow these steps:

  1. Open the app in your web browser.
  2. Upload your favorite songs using the upload button.
  3. Once the songs are uploaded, select a song from the list to start playing.
  4. Use the play, pause, skip, shuffle, and repeat buttons to control playback.
  5. Use the volume control to adjust the volume.
  6. Use the song progress bar to see how far along a song is.

Contributing

If you'd like to contribute to this project, please follow these steps:

  1. Fork this repository to your own GitHub account.

  2. Create a branch for your changes:

git checkout -b my-new-feature
  1. Make your changes and commit them:
git commit -am 'Add some feature'
  1. Push your changes to your fork:
git push origin my-new-feature

Interfaces

Screen Shot 2023-02-25 at 9 40 48 PM

About

This is a music player app built with React JS. It allows users to upload, store, and play their favorite songs. The app features a modern, sleek design and is easy to use.


Languages

Language:JavaScript 69.9%Language:CSS 24.9%Language:HTML 5.2%