99 Gallery

A fully functional and responsive image gallery that showcases a collection of images in a visually appealing way. Ability to Login to the gallery page. Authenticated users are able to use the Drag-and-Drop feature, able to select and drag images, effortlessly rearranging them within the gallery. This project consumes data from the unSplash API.

Authentication

Simple authentication system with "Firebase Auth" where a user can log in with the following details;

Email: [email protected]

password: 1Password

NeW User can SignUp as well if you really don't want to use the default login Info provided above

To Start App

npm run dev

Demo

Live Link:

Project Overview & Features

• Functional Authentication: A fully functional authentication process.
• Drag-and-Drop Feature: A fully functional drag and drop feature must be implemented.
• Responsiveness: Design must be responsive across various desktop screens, including mobile and tablet screens.
• User Experience: Design must be intuitive, appealing, and encourage easy navigation and operation (i.e., NO LAGGING).
• Image Display: All Images should have consistent spacing and sizing.

Prerequisites

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

• Node.js installed.
• UNSPLASH API Key (Replace 'YOUR_API_KEY' with your actual API key).

Installation

To install and run this project, follow these steps:

Clone the repository

# Navigate to the project directory
cd 99 gallery

# Install dependencies
npm install

# Start the development server
npm run dev