rayan2228 / image-gallery

Create a ReactJS-based image gallery with drag-and-drop reordering and multi-image deletion. Users can rearrange, and delete images with ease, making it a user-friendly and interactive way to manage and display images

Drag-and-Drop Image Gallery with Multiple Delete Options

This ReactJS-based project enables you to create an interactive image gallery with features like drag-and-drop reordering and the ability to delete multiple images.

Getting Started

Follow these steps to set up and run the project on your local machine.

Prerequisites

• Node.js and npm should be installed on your system.

Installation

1. Clone this repository to your local machine.

2. Navigate to the project directory.

3. Install the project dependencies using this command on terminal

  npm install

Usage

1. Start the development server using this command on terminal

  npm run dev

3. Open your web browser and go to http://localhost:8000 to access the image gallery.

Features

• Drag-and-Drop Reordering: Simply drag and drop images to change their order in the gallery.

• Multiple Image Deletion: Select multiple images for deletion and use the delete button to remove them.

• Responsive Design: The gallery is designed to work well on various devices and screen sizes.

Roadmap

We have plans to add more features and improvements in the future. Feel free to contribute and suggest ideas.

License

This project is licensed under the MIT License.

Acknowledgments

• This project was created with the help of ReactJS and other open-source libraries.

Enjoy using the Drag-and-Drop Image Gallery!