https://github.com/carloss765/music-player

A simple and modern 🔊music player🔊 built with React⚛️. It allows you to play songs, navigate between them, view the album cover and add new songs with images.
https://github.com/carloss765/music-player

css html5 jsx music music-player react vite

Last synced: 4 months ago
JSON representation

A simple and modern 🔊music player🔊 built with React⚛️. It allows you to play songs, navigate between them, view the album cover and add new songs with images.

• Host: GitHub
• URL: https://github.com/carloss765/music-player
• Owner: carloss765
• Created: 2025-02-23T18:51:13.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2025-02-23T19:09:16.000Z (4 months ago)
• Last Synced: 2025-02-23T20:19:06.988Z (4 months ago)
• Topics: css, html5, jsx, music, music-player, react, vite
• Language: CSS
• Homepage: https://github.com/carloss765/Music-Player.git
• Size: 23.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ** 🎵Reproductor de Música en React🎧**

![Reproductor de Música](https://img.shields.io/badge/React-18-blue) ![Licencia](https://img.shields.io/badge/Licencia-MIT-green)

Un reproductor de música simple y moderno construido con React. Permite reproducir canciones, navegar entre ellas, ver la portada del álbum y añadir nuevas canciones con imágenes.

---

## ** ✅Características**

- **Reproducción de canciones**: Reproduce canciones con controles básicos (play, pause, siguiente, anterior).

- **Lista de reproducción**: Muestra una lista de canciones disponibles con su portada.

- **Añadir canciones**: Permite añadir nuevas canciones con su título, artista, archivo de audio e imagen.

- **Diseño responsive**: Interfaz adaptable a diferentes dispositivos.

---

## **📷Capturas de Pantalla**

![image](https://github.com/user-attachments/assets/54b901ae-a1ba-46ed-afb8-1b9b5744b224)

*Reproductor en acción.*

![image](https://github.com/user-attachments/assets/4100e741-d81a-4154-a560-c95a36c8647b)

*Formulario para añadir nuevas canciones.*

---

## **🚀Tecnologías Utilizadas**

- **React**: Biblioteca de JavaScript para construir interfaces de usuario.

- **HTML5 Audio**: Para la reproducción de archivos de audio.

- **CSS**: Estilos personalizados para la interfaz.

- **Vite**: Herramienta de construcción rápida para desarrollo moderno.

---

## **💻Instalación**

Sigue estos pasos para configurar y ejecutar el proyecto en tu máquina local.

### **Requisitos Previos**

- Node.js (v16 o superior)

- npm (v8 o superior)

### **Pasos**

1. Clona el repositorio:

   ```bash

   git clone https://github.com/tu-usuario/reproductor-musica-react.git