A paginated data grid of images.
The web application is deployed and can be accessed from here:
https://image-grid-view-playground.vercel.app/
- Custom paginated grid view of items.
- Search items and get paginated data.
- Select the page size.
- Click the items for a full screen view of the image.
- A11y is included:
- Mouse and keyboard friendly.
- Screen reader friendly.
- Includes tests for functionality and UI.
You need to have yarn or npm installed on your machine to run the project.
- Go to root in the project directory.
- Run
yarn
ornpm install
to install packages. - Run
yarn start
ornpm start
.
Run yarn test
or npm test
.