Update Readme
This commit is contained in:
parent
60037e1d48
commit
1390da577b
16
README.md
16
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
|
@ -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>([]);
|
||||
|
Loading…
Reference in New Issue
Block a user