https://github.com/sebitas71133/radio-wave

Radio Wave es una aplicación web que permite escuchar estaciones de radio en vivo proporcionadas por Party Vibe.
https://github.com/sebitas71133/radio-wave

axios mui-material netlify-functions react redux-toolkit shazam-api xml2js

Last synced: 23 days ago
JSON representation

Radio Wave es una aplicación web que permite escuchar estaciones de radio en vivo proporcionadas por Party Vibe.

Host: GitHub
URL: https://github.com/sebitas71133/radio-wave
Owner: sebitas71133
Created: 2024-10-21T21:01:14.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2025-02-25T00:48:05.000Z (11 months ago)
Last Synced: 2025-03-13T13:18:58.867Z (10 months ago)
Topics: axios, mui-material, netlify-functions, react, redux-toolkit, shazam-api, xml2js
Language: JavaScript
Homepage: https://partyzen.netlify.app/
Size: 177 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🎵 Radio Wave

**Radio Wave** es una aplicación web que permite escuchar estaciones de radio en vivo proporcionadas por Party Vibe. Además, integra la API de Shazam para obtener información en tiempo real sobre la canción que está sonando.

---

## 🛠️ Tecnologías utilizadas

- **React** (biblioteca principal para la UI)
- **Redux Toolkit** (Gestión de estado global)
- **Axios** (Consumo de api)
- **XML2JS** (procesamiento de datos XML)
- **MUI** (Componentes UI estilizados con Material UI)
- **Shazam API** (búsqueda de información sobre la canción actual)
- **Netlify Functions** (funciones serverless para llamadas a la API)

---
## 📡 Características

- 🎧 Escucha estaciones de radio en vivo
- 🎨 Interfaz moderna y personalizable (modo oscuro y claro)
- 🔊 Control de volumen y reproducción
- 📤 Compartir en redes sociales
- 🔍 Identificación de canciones en tiempo real con la API de Shazam

---

## 📦 Instalación y ejecución

### 1️⃣ Clona este repositorio:
```sh
git git clone https://github.com/sebitas71133/radio-wave.git
cd radio-wave
```
### 2️⃣ Instalar dependencias
```
npm install
```

### 3️⃣ Configurar variables de entorno
Crea un archivo .env en la raíz del proyecto con los siguientes valores:
```env
REACT_APP_SHAZAM_API_KEY=tu_api_key
```
### 4️⃣ Iniciar el servidor
```
npm run dev
```

## 🎨 Capturas de pantalla