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

apollo graphql grommet react typescript

Go to file

rui b7a262c63c Merge pull request #4 from ruihildt/dependabot/npm_and_yarn/http-proxy-1.18.1 Bump http-proxy from 1.18.0 to 1.18.1		2020-09-29 00:10:32 +02:00
public	Add Other component and refactor markup	2020-07-24 00:12:31 +02:00
src	Refactor and improve layout	2020-08-17 21:19:59 +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	Add deployed app link	2020-08-03 01:05:14 +02:00
package-lock.json	Add initial App component test	2020-07-27 18:44:28 +02:00
package.json	Add github pages as dev dependency	2020-07-23 21:33:59 +02:00
tsconfig.json	Fix handleSelect and render basic result page	2020-07-23 19:53:47 +02:00
yarn.lock	Bump http-proxy from 1.18.0 to 1.18.1	2020-09-12 04:23:07 +00: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://ruihildt.github.io/spoti-search/
Endpoint: https://spotify-graphql-server.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)