Skip to content

grid-view is a simple, sortable drag-drop-based image gallery application.

Notifications You must be signed in to change notification settings

sheikharifulislam/grid-view

Repository files navigation

About

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.

Application Features

  • 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).

Responsiveness

  • (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.

How to run

Please follow the below instructions to run this project in your computer:

  1. Clone this repository
git clone https://github.com/sheikharifulislam/grid-view.git
  1. Go to the cloned project directory
cd grid-view
  1. install necessary dependencies
npm install
  1. Build the project
npm run build
  1. 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.

Contact

Sheikh Ariful Islam - sheikharifulislam101@gmail.com

LinkedIn - https://www.linkedin.com/in/sheikh-ariful-islam/