From 1390da577b7c79083a437433f4fb38468f51ad30 Mon Sep 17 00:00:00 2001
From: rui hildt <ruihildt@protonmail.com>
Date: Mon, 3 Aug 2020 00:44:11 +0200
Subject: [PATCH] Update Readme

---
 README.md              | 16 ++++++++++++++--
 src/components/App.tsx |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 89ea5b3..a84bb61 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,17 @@
 # Spoti Search
-A frontend to search for an artist and display its albums
+A react application using typescript showing the albums of an artist the user is searching for using a GraphQL endpoint.
 
-## Graphql backend
+## Using the app
+ - Clone the git repo [from here](https://github.com/ruihildt/spoti-search).
+ - Installing libraries: `yarn install`
+ - Running the app: `yarn start`
+ - Build the app to deploy it: `yarn build`
+
+## Tech Stack
+ - [CRA with Typescript](https://create-react-app.dev/docs/adding-typescript/)
+ - [Apollo / GraphQL](https://www.apollographql.com/docs/react/) 
+ - [Grommet](https://v2.grommet.io/) (an accessible framework/component library for react)
+ - [Lodash](https://lodash.com/) (for debouncing the query)
+
+## Graphql endpoint
 https://spotify-graphql-server.herokuapp.com/graphql
\ No newline at end of file
diff --git a/src/components/App.tsx b/src/components/App.tsx
index b15c11f..172ec9f 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -25,7 +25,7 @@ const QUERY_ARTISTS = gql`
 
 export default function App() {
 	const [inputValue, setInputValue] = useState('');
-	const [getArtists, { data, error, loading, variables }] = useLazyQuery(
+	const [getArtists, { data, error }] = useLazyQuery(
 		QUERY_ARTISTS,
 	);
 	const [artists, setArtists] = useState<Artists>([]);