Skip to content

A simple typescript exercise. Hit an endpoint and displayed the images. When you click an image, the image will expand.

Notifications You must be signed in to change notification settings

jpark799/typescript-react-image-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Description

A simple typescript exercise. Hit an endpoint and display the images. When you click an image, the image will expand.

Requirements

API: https://picsum.photos/v2/list

  • Get the list of photos
  • Update all the width & height values to 200px x 133px (small)
  • Display list of photos in vertical center of the page, each using the width/height values and 20px padding each
  • Clicking an image toggles its width & height to 300px x 200px (large)
  • Optional: Sort the list in alphabetical order (by author)

Link

You can find the Code Sandbox here

About

A simple typescript exercise. Hit an endpoint and displayed the images. When you click an image, the image will expand.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published