Skip to content

This app powered by Create React App and was created to play your favorite music.

License

Notifications You must be signed in to change notification settings

AgaPiotrowska/MusicApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MusicApp

This app powered by Create React App and was created to play your favorite music.

music_app_screen

Motivation

I started this project to get some more practice in creating and managing state in React.

How to Use

Application opens at the first song from the list. Click Library button to open a list of available songs on the left side of the screen.

You can choose any song you like from the list - once chosen it will be highlighted with green color. The song's album will appear on the main screen together with it's title and band's name. The song's length will appear on the right side of the bar.

Once clicked Play button the song will start playing. The remaining time will decrease as the song progresses. You can scroll on the bar to back and forward in the song. The bar will also imitate the color of the album's main color.

You also have an option to go the the previous or next song by clicking on the certain icons.

See live at: https://music-playerapp.netlify.app/

Built with

  • Create React App - JavaScript Framework
  • Sass - An extension of CSS
  • Fort Awesome - The iconic SVG, font, and CSS toolkit
  • UUID - Library for generating universally unique identifiers

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

This app powered by Create React App and was created to play your favorite music.

Topics

Resources

License

Stars

Watchers

Forks