shahriarshafin / image-sort-gallery

An image gallery built with Next.js that enables effortless sorting, rearranging, and showcasing of images

Image Sort Gallery

sort-gallery.vercel.app

Description

An image gallery built with Next.js that enables effortless sorting, rearranging, and showcasing of images.

Features

• Responsive Grid Layout: Ensures responsiveness for various screen sizes.

• Drag-and-Drop Reordering: Allows effortless image rearrangement.

• Multi-Image Deletion: Select and delete multiple images with visual cues.

• Feature Image Selection: Set a feature image through sorting, visually distinct.

• Enhanced User Experience: Smooth, responsive, with polished transitions.

Set up and run

1. Clone the repository

https://github.com/shahriarshafin/image-sort-gallery.git

2. Change the working directory

cd image-sort-gallery

3. Install dependencies

npm install # or, yarn install

4. Run the app in development mode

npm run dev # or, yarn dev

That's All! Now open localhost:3000 to see the app.

Built with

• Framework: Next.js
• Drag & Drop: dnd kit
• Styling: Tailwind CSS
• Notification: React Hot Toast
• Deployment: Vercel

License

This project is licensed under the MIT License.