ImageAI 🖼️🤖

AI-Powered Image Editing with Cloudinary & TypeScript

🚀 Overview

ImageAI is an advanced AI-powered image editing platform that utilizes Cloudinary AI for seamless image transformations. Users can upload images and apply modifications using AI-enhanced tools, built with TypeScript for better type safety and scalability.

🎨 AI Image Processing | ☁️ Cloudinary Integration | ⚡ Fast & Responsive | 🛡️ TypeScript for Stability

🛠 Tech Stack

• Frontend: Next.js, React, TypeScript, Tailwind CSS
• Backend: Cloudinary AI, MongoDB, Mongoose
• State Management: React Hook Form
• Authentication: Clerk Auth
• UI Components: Radix UI, Lucide React, Framer Motion
• Other Libraries: Cloudinary SDK, Next.js Progress Bar, Zod Validation

🌍 Features

✅ AI-Powered Image Editing using Cloudinary AI
✅ User Authentication via Clerk Auth
✅ Fast & Responsive UI with Tailwind CSS
✅ Real-time Progress Bar for better UX
✅ Form Validation with Zod & React Hook Form
✅ Seamless Database Integration with MongoDB & Mongoose
✅ Type-Safe Development with TypeScript

📸 How It Works

1. Upload an Image – Select an image from your device.
2. Choose Enhancements – Apply AI-powered modifications (resize, filters, transformations, etc.).
3. Preview & Save – View changes and download the final image.

🔧 Installation & Setup

Clone the repository and install dependencies:

# Clone the repo
git clone https://github.com/your-username/imageai.git
cd imageai

# Install dependencies
npm install

# Create a .env file and add Cloudinary & Clerk credentials

# Run development server
npm run dev

🌎 Live Website

Visit ImageAI

---

📸 Transform your images with AI – Try ImageAI today! 🚀

---