23 lines
1.1 KiB
Markdown
23 lines
1.1 KiB
Markdown
# 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.
|