https://github.com/mdrakibmia99/image-gallery

https://github.com/mdrakibmia99/image-gallery

Last synced: about 11 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/mdrakibmia99/image-gallery
• Owner: mdrakibmia99
• Created: 2023-11-01T10:48:57.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-02T12:16:00.000Z (about 1 year ago)
• Last Synced: 2023-11-03T12:24:40.869Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://image-gallery-gamma-self.vercel.app
• Size: 2.99 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Live Lnk: [https://image-gallery-gamma-self.vercel.app/](https://image-gallery-gamma-self.vercel.app/)

## Objective:

Create a responsive image gallery using React JS with the following features: reordering, deleting multiple images, and setting a feature image. The gallery should be visually appealing and provide a seamless user experience.

## Task Requirements:

1. **Gallery Layout:**

   - Implement a grid layout for the image gallery.

   - The gallery should display images with one feature image larger than the others.

2. **Sorting:**

   - Enable reordering functionality to allow users to rearrange the order of images in the gallery.

   - Implement drag-and-drop functionality or any other intuitive method for reordering.

3. **Deleting Multiple Images:**

   - Allow users to select multiple images and delete them.

   - Provide a clear visual indication of selected images.

4. **Setting Feature Image:**

   - Allow users to set a feature image by sorting.

   - Pretend the first image (from the LTR direction) as the featured image

   - The feature image should be visually distinct from the other images.

5. **User Experience:**

   - Ensure a smooth and responsive user experience.

   - Implement transitions or animations for a polished look and feel.

6. **Live Demo:**

   - Host your React JS image gallery on any platform of your choice.

   - Share the live URL of your task with us for assessment.

   - Our verdict would be considered as rejected if your live URL link does not work.