Drawer

Photo Gallery

This React application fetches a list of images from the Picsum API and displays them in a grid layout. The grid is implemented with styled-components, where each image is initially shown as a thumbnail. When an image is clicked, it expands to full-screen using a zoom-in/out effect. The full-screen view is controlled via the component's state, toggling between active and inactive images. The Frame component creates a semi-transparent overlay when an image is clicked to view in full-screen mode. The application is styled with custom CSS properties passed as props to the styled components.

Thank you Travis Arnold for the coursePhoto Gallery - image 1 - student project