Welcome to the Drag-n-drop image gallery App! This web application leverages the power of Next.js and dnd-kit to give you a wonderful drag-n-drop gallery experience.

• Getting Started
  • Preview
  • Tech Stack
  • Prerequisites
  • Installation
• Running the Application

Signin page	Home page (Gallery)	Search View

• Frontend: React.js, Next.js
• Styling: TailwindCSS
• Drag-n-drop: Dnd kit
• Authenication: NextAuth
• Deployment: Netlify
• Version Control: Git, Github

List any prerequisites or dependencies that need to be installed before running the application. For example:

• Node.js (v18.10.0 or higher)
• npm

1. Clone the repository:

   git clone https://github.com/IEdiong/dnd-image-gallery.git

This is a Next.js project bootstrapped with create-next-app.

2. Navigate to the project directory:

   cd dnd-image-gallery

3. Install project dependencies:

   npm install

4. Generate NEXTAUTH_SECRET:

   openssl rand -base64 32

   Copy the generated secret to your clipboard.

5. Setup environment variables: rename the provided .env.example file to .env.local and assign the NEXTAUTH_SECRET the value of the generated secret from the previous step.

   NEXTAUTH_URL=http://localhost:3000
   NEXTAUTH_SECRET=

After completing the installation steps, you can run the application using the following command:

npm run dev

The development server will start, and the application will be accessible at http://localhost:3000

   // Sign in to the application with
   username: user@example.com
   password: 1Password