https://github.com/agustinamartinez/cuarentify
[Made on quarantine] - Desktop and mobile app connected with Spotify API, which is built with React and Sass.
https://github.com/agustinamartinez/cuarentify
context-api desktop mobile react react-hooks react-router sass spotify-api
Last synced: about 2 months ago
JSON representation
[Made on quarantine] - Desktop and mobile app connected with Spotify API, which is built with React and Sass.
- Host: GitHub
- URL: https://github.com/agustinamartinez/cuarentify
- Owner: AgustinaMartinez
- Created: 2020-05-16T20:56:44.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-11T21:37:17.000Z (almost 3 years ago)
- Last Synced: 2025-06-22T04:40:37.204Z (about 1 year ago)
- Topics: context-api, desktop, mobile, react, react-hooks, react-router, sass, spotify-api
- Language: JavaScript
- Homepage: https://cuarentify.vercel.app/
- Size: 14.7 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## `Introducción`
Como usuario, quiero poder buscar un artista en spotify y ver sus álbumes y canciones. Además, quiero poder marcar mis canciones favoritas. (opcional)
### `Objetivos`
1. Crear una aplicación web que pueda ser accedida desde un teléfono y desde una máquina desktop.
2. Obtener los resultados que coincidan con el texto ingresado, usando la API de búsqueda de spotify.
3. Poder marcar mis canciones favoritas y que al refrescar el navegador, sigan apareciendo como favoritas. (opcional)
### `Requisitos Funcionales`
### `Necesarios`
1. Como usuario, quiero poder buscar un artista en un formulario y ver el resultado de esa búsqueda.
2. Como usuario, quiero poder seleccionar entre los artistas que aparecieron en el resultado y luego ver un listado de sus álbumes.
3. Como usuario, quiero poder clickear en uno de sus álbumes y ver el nombre del álbum, una foto del álbum y el listado de canciones.
4. Como usuario quiero poder realizar una nueva búsqueda desde cualquier punto de mi aplicación.
5. Como usuario debo poder regresar a la página principal de mi aplicación en cualquier punto del flow.
6. Como usuario quiero poder escuchar un fragmento de cada tema.
### Ingresá a este link para crear el token:
`https://developer.spotify.com/console/get-several-albums/?ids=&market=`
1. Hacé clic en `GET TOKEN` y tildá todas las opciones.
2. Hacé clic en `REQUEST TOKEN`.
3. Al costado, copiá el token generado sin incluir el 'Bearer'.
4. Pegalo reemplazando el token anterior en la línea 2 en `src` > `config` > `config.js`.
5. Ya podés hacer consumir de la API de Spotify.
### `Errores:`
Si escribís mal al artista, apretás el botón "search" sin haber escrito nada o si se venció el token, saltará el error `Hubo un error para buscar el artista, intentá nuevamente`.