A frontend to show spotify albums by artist https://spoti-search.ruihildt.xyz/

apollo graphql grommet react typescript

Go to file

rui hildt 00e016529a Update readme		2023-08-03 10:53:22 +02:00
public	Add Other component and refactor markup	2020-07-24 00:12:31 +02:00
src	Update the graphql endpoint	2023-08-03 10:50:05 +02:00
.gitignore	Add CRA with typescript	2020-07-22 11:42:48 +02:00
LICENSE	Initial commit	2020-07-22 11:01:52 +02:00
README.md	Update readme	2023-08-03 10:53:22 +02:00
package-lock.json	Add initial App component test	2020-07-27 18:44:28 +02:00
package.json	Update app url	2020-09-29 00:28:34 +02:00
tsconfig.json	Fix handleSelect and render basic result page	2020-07-23 19:53:47 +02:00
yarn.lock	Merge pull request #2 from ruihildt/dependabot/npm_and_yarn/elliptic-6.5.3	2020-09-29 00:10:58 +02:00

README.md

Spoti Search

A react application using typescript showing the albums of an artist the user is searching for using a GraphQL endpoint.

Deployed app: https://spoti-search.ruihildt.xyz/
API used: https://joyce-spotify-graphql.herokuapp.com/graphql

Using the app

Installation

Clone the git repo from here.
Install libraries using yarn (can also be run with npm): yarn install

Usage

Run the app: yarn start
Build the app to deploy it: yarn build
Run the tests: yarn test

Tech Stack

CRA with Typescript
Apollo / GraphQL
Grommet (an accessible framework/component library for react)
Lodash (for debouncing the query)