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