Skip to content

easteryard/image-grid-view-playground

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The gist

A paginated data grid of images.

The web application is deployed and can be accessed from here:
https://image-grid-view-playground.vercel.app/

Features:

  • 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.

Requirements

You need to have yarn or npm installed on your machine to run the project.

How to run the project

  1. Go to root in the project directory.
  2. Run yarn or npm install to install packages.
  3. Run yarn start or npm start.

How to run tests

Run yarn test or npm test.

Releases

No releases published

Packages

No packages published