A fully functional and responsive Drag-and-Drop Image gallery using React that showcases a collection of images in a visually appealing way. Users can view the gallery but cannot drop and drag images unless they are authenticated.

• React
• Chakra UI
• Supabase for Authentication

Before you begin, ensure you have met the following requirements:

• Node.js and npm installed on your computer.
• Git installed on your computer.

To get a local copy up and running, follow these simple steps:

1. Open your terminal

2. Clone the GitHub Repository using 'git clone https://github.com/shadrxcc/drag-drop-gallery'

• Go to the Project Directory 'cd drag-drop-gallery'
• Run npm install to install dependencies

3. API key setup

• Go to Supabase
• Create an account and create a project to get your API url and key.
• Create a .env file in the root directory of your project, paste your API url and key as shown below.

4. Run project

• Run npm run dev. it runs the app in the development mode.
  Open http://localhost:5173 to view it in your browser.