Update Readme

This commit is contained in:
rui hildt 2020-08-03 00:44:11 +02:00
parent 60037e1d48
commit 1390da577b
2 changed files with 15 additions and 3 deletions

View File

@ -1,5 +1,17 @@
# Spoti Search # 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 https://spotify-graphql-server.herokuapp.com/graphql

View File

@ -25,7 +25,7 @@ const QUERY_ARTISTS = gql`
export default function App() { export default function App() {
const [inputValue, setInputValue] = useState(''); const [inputValue, setInputValue] = useState('');
const [getArtists, { data, error, loading, variables }] = useLazyQuery( const [getArtists, { data, error }] = useLazyQuery(
QUERY_ARTISTS, QUERY_ARTISTS,
); );
const [artists, setArtists] = useState<Artists>([]); const [artists, setArtists] = useState<Artists>([]);