This is a simple, sortable drag-drop-based image gallery application. Users can sort images, select any image for feature image. Also user can select single or multiple images for delete the image from the image gallery. if user want to upload single or multiple images upload on the image gallery that he can.
- User can sort images and select feature image by drag-drop
- User can select single or multiple images for delete the image from the image gallery. if user doesn't select any image the delete button will be disabled.
- User can upload single or multiple images (3 MB) max size and only those mime types are allowed (.png, .jpg, .jpeg, .gif, .webp, .avif and .svg + XML).
-
(max-width: 480) for all small screen devices like mobile.
-
(max-width: 768px) for all medium screen devices like tablet
-
Bigger than (max-width: 768px) all devices are the same styles.
Please follow the below instructions to run this project in your computer:
- Clone this repository
git clone https://github.com/sheikharifulislam/grid-view.git
- Go to the cloned project directory
cd grid-view
- install necessary dependencies
npm install
- Build the project
npm run build
- Locally run the project
npm run dev
Note: for successfully run the project on you computer insure have node, npm, and git on your computer.
Sheikh Ariful Islam - sheikharifulislam101@gmail.com