https://github.com/yashi-singh-1/music-player-app

This code creates a Music Player app with controls for play, pause, skip, and shuffle. It displays album art, song title, and artist name, and allows users to interact with a playlist.
https://github.com/yashi-singh-1/music-player-app

css css3 free-code-camp free-code-camp-challenges freecodecamp freecodecamp-project frontend html html-css html-css-javascript html5 html5-css3 htmlcss htmlcssjavascript javascript music-player musicplayer vanilla-javascript vanillajavascript

Last synced: 3 days ago
JSON representation

This code creates a Music Player app with controls for play, pause, skip, and shuffle. It displays album art, song title, and artist name, and allows users to interact with a playlist.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/music-player-app
• Owner: Yashi-Singh-1
• Created: 2024-08-01T08:08:17.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-01T08:21:35.000Z (3 months ago)
• Last Synced: 2024-08-01T09:54:34.819Z (3 months ago)
• Topics: css, css3, free-code-camp, free-code-camp-challenges, freecodecamp, freecodecamp-project, frontend, html, html-css, html-css-javascript, html5, html5-css3, htmlcss, htmlcssjavascript, javascript, music-player, musicplayer, vanilla-javascript, vanillajavascript
• Language: JavaScript
• Homepage:
• Size: 289 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Music Player App

## Challenge Description

This code sets up a Music Player app that allows users to play, pause, skip, and shuffle through a playlist. It features album art, song titles, and artist names, and tracks the currently playing song. The app includes controls for navigating through the playlist and an interface to view and manage the playlist.

## Preview

![Music Player App Challenge Preview](Preview.png)

## Live Demo

Check out the live demo on my [Code Pen](https://codepen.io/Yashi-Singh/pen/VwJpWyp).

## Prerequisites

- Basic HTML/CSS/JavaScript Knowledge.

## Tools Used

1. **VS Code** (You can use any other code editor)

2. **A modern web browser** (Chrome, Firefox, Safari, or Edge)

3. **Access to an internet connection** for resource imports

## Contributing

If you'd like to contribute to this challenge:

1. **Fork** the repository on GitHub.

2. **Clone** your forked repository to your local machine:

   

   git clone https://github.com/Yashi-Singh-1/Music-Player-App.git

    

3. **Create a new branch** for your feature or bug fix:

   

   git checkout -b feature-name

   

4. **Make your changes** and commit them with a clear and concise message:

   

   git commit -m 'Add new feature or fix'

   

5. **Push** your changes to your forked repository:

   

   git push origin feature-name

   

6. **Open a pull request** to the main repository.

7. Ensure your pull request includes a detailed description of your changes.

8. Respond to any feedback or questions during the review process.


We welcome improvements, bug fixes, and additional features that can enhance this Music Player app.