Image Gallery Ollyo Task

Responsive Image Gallery

Live Link: https://image-gallery-ollyo-task.vercel.app/

Used Technology

• HTML
• REACT
• TAILWINDCSS
• Node (initialize project with v21.0.0)

Dependencies

• react-dnd (Drag and drop for image shoring)
• react-dropzone (handle file drop)
• react-photo-view (image preview)
• @formkit/auto-animate (add/remove card animation)

How to run this project

Clone this repository

git clone https://github.com/TahirAhmad01/ImageGalleryOllyoTask

Go to the cloned project directory

cd ImageGalleryOllyoTask

You have to install the following dependencies

npm install

If you want to run this project directly follow this command

npm run dev

VITE INFO

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh