NEOLEARN

Image Gallery

Junior

Description

    Create an image gallery with thumbnails and a lightbox.

Tasks

  • Display a grid of images with clickable thumbnails below the main image area.
  • Implement a lightbox that shows a larger version of the selected image when a thumbnail is clicked.
  • Allow users to navigate between images in the lightbox using next and previous buttons.

Stretch Goals

  • Implement the ability to upload images and add them to the gallery.
  • Add a search functionality to allow users to search for specific images by keywords or tags.
  • Include keyboard navigation in the lightbox for better accessibility.