This is an image gallery project that allows you to create a gallery with various features, including drag and drop, a larger featured image, image selection with checkboxes, and a responsive layout.
- Drag and Drop: Easily reposition images by dragging and dropping them anywhere in the gallery.
- Featured Image: The first image in the gallery is displayed larger than the others.
- Image Selection: Select and delete images by using checkboxes.
- Responsive Design: The gallery is designed to work on various screen sizes and devices.
- React JS
- react-beautiful-dnd (for the first demo)
- react-grid-dnd (for the second demo)
-
Clone this repository to your local machine:
-
Install the project dependencies:
-
Run the project:
-
Open your web browser and access the project at http://localhost:3000.
- The specific requirement of making the first image larger than the others may not be achieved due to package limitations.
If you have any questions or need further assistance, please feel free to contact me at [[email protected]].
Happy coding!