Drag-and-Drop Gallery app is a web app built with React and Typescript that allows users to discover images using the tags on the search filter and also rearrange the images.
- Display movies
- Re-arrange images using the drag and drop function
- Filtering images with the search bar
- React Js
- Typescript
- Sortable Js
- Framer Motion
To run the drag and drop drop project locally, follow these steps
Clone the repository git clone https://github.com/okorieonyedikachi/drag_drop_app.git
Navigate to the project directory
cd drag-drop-app
Install dependencies
npm install or yarn install
Run the development server
npm run dev or yarn dev
Open your browser and access the app on your localhost.
This project is hosted on vercel : https://drag-drop-app-five.vercel.app/homepage
Login page: Login with email: user@example.com pasword: 1Password
HomePage: Homepage shows some images with different tags on it and each image can be dragged and dropped at any postion . Search Bar: filters the image by the tags