PROJECT DOSSIER // [REACT GALLERY SITE]VIEW SOURCEBACK TO PROJECTS →

01 // PROJECT AT A GLANCE

REACT GALLERY SITE

JSHTML

A second React project: a photo gallery fed by an API.

A follow-up to the first project, with a far larger volume of data: displaying a photo gallery in a grid. Going from a few contacts to several thousand images changes the nature of the problem — you have to think about splitting the display and about the cost of rendering.

A React application showing a gallery of images from the jsonplaceholder API, paginated server-side with a page size selector.

MEDIAARCHIVED RECORD
MEDIA ATTACHMENTS (Images, Photos, Videos)

02 // PROJECT SIGNALS

DATE:
2019
PRIMARY LANG:
JavaScript
GRADE:
—
DURATION:
2 weeks
SECONDARY:
HTML
STACK:
React / Material-UI

03 // KEY OUTCOMES

  • Pagination requested from the server rather than loading thousands of photos in one go
  • First reliability reflexes through property validation

04 // SOURCE TREE

READING SOURCE…