Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baenat/music-playlist
Aplicación web que permite a los usuarios buscar música, crear listas de reproducción personalizadas, obtener recomendaciones y explorar los gustos musicales de sus artistas favoritos. Utiliza la API de Spotify para acceder a datos en tiempo real sobre canciones, álbumes, artistas y listas de reproducción.
https://github.com/baenat/music-playlist
angular angular-cli css html spotify-api spotify-web-api
Last synced: 2 days ago
JSON representation
Aplicación web que permite a los usuarios buscar música, crear listas de reproducción personalizadas, obtener recomendaciones y explorar los gustos musicales de sus artistas favoritos. Utiliza la API de Spotify para acceder a datos en tiempo real sobre canciones, álbumes, artistas y listas de reproducción.
- Host: GitHub
- URL: https://github.com/baenat/music-playlist
- Owner: baenat
- Created: 2024-06-27T18:10:47.000Z (3 months ago)
- Default Branch: develop
- Last Pushed: 2024-07-04T23:52:29.000Z (3 months ago)
- Last Synced: 2024-09-20T19:31:18.501Z (7 days ago)
- Topics: angular, angular-cli, css, html, spotify-api, spotify-web-api
- Language: TypeScript
- Homepage:
- Size: 556 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Music Playlist
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.2.0.
## Descripción
**Music playlist** es una aplicación web que permite a los usuarios interactuar con la vasta biblioteca de música de Spotify y sus funcionalidades. Con esta aplicación, los usuarios pueden buscar canciones, álbumes y playlists. Todo esto se logra mediante el consumo de la API de Spotify.
## Características Principales
- **Autenticación del Usuario**: Permite a los usuarios iniciar sesión utilizando sus credenciales de Spotify.
- **Búsqueda de Contenido**: Los usuarios pueden buscar canciones, álbumes, artistas y listas de reproducción.
- **Gestión de Listas de Reproducción**: Los usuarios pueden crear, editar y eliminar listas de reproducción.
- **Exploración de Artistas**: Proporciona información detallada sobre artistas, incluyendo sus álbumes más populares y próximos conciertos.
## Tecnologías Utilizadas
- **Frontend**: Angular.js, HTML, CSS
- **Autenticación**: OAuth 2.0 (Spotify Auth)
- **API**: Spotify Web API
## Instalación
1. **Clonar el repositorio**:
```sh
git clone https://github.com/baenat/music-playlist.git
cd music-playlist
```
2. **Instalar dependencias**:
```sh
npm install
```
3. **Configurar las credenciales de Spotify**:
- Crea una cuenta de desarrollador en [Spotify Developer](https://developer.spotify.com/) y registra tu aplicación para obtener el Client ID y Client Secret.
- Modifica archivo `.environment` del proyecto reemplazando las siguientes variables:
```env
SPOTIFY_CLIENT_ID=tu-client-id
SPOTIFY_CLIENT_SECRET=tu-client-secret
SPOTIFY_REDIRECT_URI=http://localhost:4200/callback
```
4. **Iniciar la aplicación**:
```sh
npm run start
```
Esto iniciará tanto el servidor backend como la aplicación frontend.
## Uso
- **Iniciar Sesión**: Al abrir la aplicación, los usuarios serán redirigidos a la página de inicio de sesión de Spotify. Después de autenticarse, serán redirigidos de vuelta a la aplicación.
- **Buscar Música**: Utiliza la barra de búsqueda para encontrar canciones, álbumes, artistas y listas de reproducción.
- **Reproducir Música**: Selecciona una canción para reproducirla utilizando el reproductor web de Spotify con el acceso premium.
- **Gestionar Listas de Reproducción**: Crea nuevas listas de reproducción, añade o elimina canciones y organiza tus listas de reproducción.
- **Obtener Recomendaciones**: Explora las recomendaciones basadas en tu historial de escucha.
- **Explorar Artistas**: Consulta información detallada sobre tus artistas favoritos y descubre sus álbumes y conciertos.
## Contribuciones
Las contribuciones son bienvenidas. Si deseas contribuir a este proyecto, por favor abre un issue o envía un pull request.
## Licencia
Este proyecto está bajo la Licencia MIT. Consulta el archivo `LICENSE` para más detalles.