This is my take on the Frontend technical test
You can see it deployed here
To run it locally, run
yarn
yarn devThe project was initiated with vite using this template
I used the icons from radix, a minimalist and unstyled components library
Tests are written with vitest
Since the instructions mentionned:
Make API requests using Axios, native fetch, or any other suitable method
I decided to use axios + TanStack query.
I specifically used the useInfiniteQuery hook from TanStack query.
I had to find a way to load images with a lower definition than the one provided by the API. Playing around with the enpoint parameters, I found a way to rewrite the url to get a lower definition and wrote a helper to do so. I couldn't find any documentation for that.