https://github.com/jofaval/ui-query-art
Demo project as a playground for React Query with React + TypeScript and vite. Browse through artworks and descriptions
https://github.com/jofaval/ui-query-art
api front-end frontend layout react react-query react-router router tannstack tanstack-router typescript
Last synced: 2 months ago
JSON representation
Demo project as a playground for React Query with React + TypeScript and vite. Browse through artworks and descriptions
- Host: GitHub
- URL: https://github.com/jofaval/ui-query-art
- Owner: jofaval
- License: apache-2.0
- Created: 2022-11-11T21:26:23.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-11-14T21:39:05.000Z (over 3 years ago)
- Last Synced: 2025-03-29T12:14:05.708Z (about 1 year ago)
- Topics: api, front-end, frontend, layout, react, react-query, react-router, router, tannstack, tanstack-router, typescript
- Language: TypeScript
- Homepage: https://jofaval.github.io/ui-query-art/
- Size: 180 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Query art
## Content
1. [Motivation](#motivation)
1. [API](#api)
1. [Docs](#docs)
1. [Artworks](#artworks)
1. [Run it!](#run-it)
1. [Credits](#credits)
## Motivation
I wanted to try out React Query; typesafety and async state-management library feels like magic. Specially compared to other alternatives.
## API
### Docs
[https://api.artic.edu/docs/#quick-start](https://api.artic.edu/docs/#quick-start)
### Artworks
[https://api.artic.edu/api/v1/artworks](https://api.artic.edu/api/v1/artworks)
## Run it!
Download the repo locally
```bash
git clone https://github.com/jofaval/ui-query-art.git
cd ui-query-art
```
And install all the necessary packages
```bash
pnpm install # or npm install or yarn install
```
## Credits
[https://github.com/public-apis/public-apis#books](https://github.com/public-apis/public-apis#books).
Tanner Linsley (Tannstack's creator) and Theo Browne (the influencer/ceo that made me want to try react query so bad)
## TODO
- [] Implement scroll
- [] Fix CI/CD build
- [] Fix `(intermediate value)(...) is undefined`
- [] Implement currently viewing status for artworks
- [] Implement search
- [] Implement pagination