1.1 KiB
1.1 KiB
The Assignment
Create an image library with the following functionality:
- Load image links from the Lorem Picsum List Images API.
- Display 10 images in equally sized boxes on one page.
- Add paging (next/previous) to browse through the images.
- Cache API responses during one session (the cache should reset on page refresh).
- When an image is clicked, open a modal showing the image in a bigger size.
- Bonus (optional): Use any AI tool of your choice to generate a description of the image and display it below the image in the modal.
Practical Notes
- Use React, TypeScript and Material UI.
- Functionality and code quality are key, design can be simple.
- Please include short instructions on how to run your solution.
- Feel free to use any libraries and tools you find useful, including AI.
- Upload your code to a git repository and share it with us.
Timeline
- We don’t want this to be perfect nor take that much time of yours. If possible, please try to invest up to 4 hours of your time at maximum.
- The deadline is going to be 7 days from now on to make sure you have enough time and space. In case you need more time, just let us know.