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([]);