This project consists of developing a music player using React, JavaScript, HTML, and CSS. It is based on the following layout on Figma.

• The project is available on this link.

To begin with, choose the song you want to listen to or click on the play button to start by the first song on the playlist. Use the buttons to stop, play the previous song, pause or play, and play the next song, respectively. Utilize the bar and the icon on the bottom right to control the volume or mute the song.

Index

1. About the project
2. How to execute
3. Technologies
4. Author
5. License

1. About the project

This project was developed during the Full Stack Software Development course at @cubosacademy. It was bootstrapped with Create React App.

2. How to execute

• Firstly, install the following tools: Git, Node.js.

• Clone this repository:

  $ git clone [email protected]:rafawessling/module3_react_project.git
  

• Access the project folder on the terminal/cmd:

  $ cd module3_react_project
  

• Install the dependencies:

  $ npm install
  

• Execute the application:

  $ npm start
  

  The server will run on port: 3000 → Access: http://localhost:3000.

3. Technologies

In this project, the following technologies are used:

Website:

• React
• JavaScript
• Node
• HTML
• CSS

Utility:

• Git and GitHub
• Figma
• Editor: Visual Studio Code
• Fonts: Roboto, Rubik

4. Author

👩🏼‍💻 Rafaela Wessling Oening

• How to contribute to the project:

1. Fork the project;
2. Create a new branch:

   $ git checkout -b my-feature
   

3. Save your changes and commit it:

   $ git commit -m "feat: Added new feature"
   

4. Submit:

   $ git push origin my-feature
   

5. License

Developed by Rafaela Wessling Oening. Reach out!

tags: module 3 front-end React