Drag & drop images gallery

Live Site: https://image-gallery-drag-drop.vercel.app/

Project Features

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.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/ashiq72/car-rental.git

# Go into the repository
$ cd car-rental

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Emailware

Car Rental is an emailware. Meaning, if you liked using this app or it has helped you in any way, I'd like you send me an email at ahmedashik18k@gmail.com about anything you'd want to say about this software. I'd really appreciate it!

Credits

This software uses the following open source packages:

• Next Js - App Router
• Tailwind CSS
• dnd-kit

Support

Or

You may also like...

• crowdfunding - A crowdfunding for Windows and mac
• • Travel To Go - A Travel reaviw website

License

MIT

---

ashiquzzaman.netlify.app  ·  GitHub @ashiq72  ·  Twitter @ashiq72