A user-friendly image gallery that not only showcases a beautiful collection of images but also offers a login feature. Once logged in, users are able to use the Drag-and-Drop feature to effortlessly rearrange photos within the gallery to their liking.

• Allow users to log in using the following credentials:
  • UserName: [email protected]
  • Password: 1Password
• The homepage showcases a grid layout for images with consistent spacing and sizing
• Search feature that allows users to search for images based on tags
• loading indicator when images are not ready for display
• Drag-and-drop functionality, allowing users to rearrange images within the gallery

You will need to download and install node and npm on your system.

Clone down this repository.

  git clone https://github.com/Ayomide0123/HNG_Stage-Three.git

Go to the directory

  cd HNG_Stage-Three

Install dependencies

  npm install

Start the server

  npm run dev

The click on the link to the local development server http:https://localhost:3000/

React, Bootstrap

Live Demo: https://bumblebeestage3.netlify.app/