Image Enhancer

A powerful image enhancement application built with Next.js, TypeScript, and Tailwind CSS. This application provides advanced image processing capabilities, allowing users to enhance, transform, and optimize their images with AI-powered features.

✨ Features

• 🎨 Modern UI with Tailwind CSS and shadcn/ui components
• 🔐 Authentication with Clerk
• 📱 Responsive design
• 🛡️ Type-safe development with TypeScript
• 📤 File upload capabilities with React Dropzone
• 🌓 Theme support with next-themes
• 🔔 Toast notifications with Sonner

📋 Prerequisites

• Node.js (Latest LTS version recommended)
• npm
• Docker (optional, for containerized deployment)

🛠️ Installation

1. Clone the repository:

git clone https://github.com/hode2002/image-enhancer-frontend.git
cd client

2. Install dependencies:

npm install --force

3. Set up environment variables: Create a .env file in the root directory with the following variables:

# Application URLs
NEXT_PUBLIC_APP_URL=http://localhost:3000
NEXT_PUBLIC_API_URL=http://localhost:3001/api/v1
NEXT_PUBLIC_AI_API_URL=http://localhost:3002

# Clerk Authentication
NEXT_PUBLIC_CLERK_TEMPLATE=custom-template
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_your_clerk_publishable_key
CLERK_SECRET_KEY=sk_test_your_clerk_secret_key

🚀 Development

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

🏗️ Building for Production

npm run build

🐳 Docker Deployment

Build the Docker image:

docker build -t nest-image-client .

Run the container:

docker run -p 3000:3000 nest-image-client

🖼️ Images

🔐 Signin

🏠 Homepage

📤 Upload

🎨 Transform

🖼️ Background Removal