{"id":15093247,"url":"https://github.com/baenat/music-playlist","last_synced_at":"2026-03-02T11:02:25.554Z","repository":{"id":246416690,"uuid":"821056589","full_name":"baenat/music-playlist","owner":"baenat","description":"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.","archived":false,"fork":false,"pushed_at":"2024-07-04T23:52:29.000Z","size":569,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-02-21T03:32:50.333Z","etag":null,"topics":["angular","angular-cli","css","html","spotify-api","spotify-web-api"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/baenat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-27T18:10:47.000Z","updated_at":"2024-07-04T23:52:32.000Z","dependencies_parsed_at":"2024-06-27T21:59:49.926Z","dependency_job_id":"9a0ec1e1-1eba-491b-8c19-58510c12c001","html_url":"https://github.com/baenat/music-playlist","commit_stats":null,"previous_names":["baenat/music-playlist"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/baenat/music-playlist","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baenat%2Fmusic-playlist","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baenat%2Fmusic-playlist/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baenat%2Fmusic-playlist/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baenat%2Fmusic-playlist/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baenat","download_url":"https://codeload.github.com/baenat/music-playlist/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baenat%2Fmusic-playlist/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29999224,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T09:59:02.300Z","status":"ssl_error","status_checked_at":"2026-03-02T09:59:02.001Z","response_time":60,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-cli","css","html","spotify-api","spotify-web-api"],"created_at":"2024-09-25T11:20:22.414Z","updated_at":"2026-03-02T11:02:25.427Z","avatar_url":"https://github.com/baenat.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# Music Playlist\n\n\u003cimg alt=\"ReactJS\" src=\"src/favicon.ico\" width=\"100\" /\u003e\u003cbr\u003e\n\n\n![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge\u0026logo=angular\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![GIT](https://img.shields.io/badge/Git-fc6d26?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white)\n\n\u003c/div\u003e\u003cbr\u003e\n\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.2.0.\n\n## Descripción\n\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.\n\n## Características Principales\n\n- **Autenticación del Usuario**: Permite a los usuarios iniciar sesión utilizando sus credenciales de Spotify.\n- **Búsqueda de Contenido**: Los usuarios pueden buscar canciones, álbumes, artistas y listas de reproducción.\n- **Gestión de Listas de Reproducción**: Los usuarios pueden crear, editar y eliminar listas de reproducción.\n- **Exploración de Artistas**: Proporciona información detallada sobre artistas, incluyendo sus álbumes más populares y próximos conciertos.\n\n## Tecnologías Utilizadas\n\n- **Frontend**: Angular.js, HTML, CSS\n- **Autenticación**: OAuth 2.0 (Spotify Auth)\n- **API**: Spotify Web API\n\n## Instalación\n\n1. **Clonar el repositorio**:\n    ```sh\n    git clone https://github.com/baenat/music-playlist.git\n    cd music-playlist\n    ```\n\n2. **Instalar dependencias**:\n    ```sh\n    npm install\n    ```\n\n3. **Configurar las credenciales de Spotify**:\n   - 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.\n   - Modifica archivo `.environment` del proyecto reemplazando las siguientes variables:\n\n     ```env\n     SPOTIFY_CLIENT_ID=tu-client-id\n     SPOTIFY_CLIENT_SECRET=tu-client-secret\n     SPOTIFY_REDIRECT_URI=http://localhost:4200/callback\n     ```\n\n4. **Iniciar la aplicación**:\n    ```sh\n    npm run start\n    ```\n\n    Esto iniciará tanto el servidor backend como la aplicación frontend.\n\n## Uso\n\n- **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.\n\n- **Buscar Música**: Utiliza la barra de búsqueda para encontrar canciones, álbumes, artistas y listas de reproducción.\n\n- **Reproducir Música**: Selecciona una canción para reproducirla utilizando el reproductor web de Spotify con el acceso premium.\n\n- **Gestionar Listas de Reproducción**: Crea nuevas listas de reproducción, añade o elimina canciones y organiza tus listas de reproducción.\n\n- **Obtener Recomendaciones**: Explora las recomendaciones basadas en tu historial de escucha.\n\n- **Explorar Artistas**: Consulta información detallada sobre tus artistas favoritos y descubre sus álbumes y conciertos.\n\n## Contribuciones\n\nLas contribuciones son bienvenidas. Si deseas contribuir a este proyecto, por favor abre un issue o envía un pull request.\n\n## Licencia\n\nEste proyecto está bajo la Licencia MIT. Consulta el archivo `LICENSE` para más detalles.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaenat%2Fmusic-playlist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaenat%2Fmusic-playlist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaenat%2Fmusic-playlist/lists"}