Watch the app in action with a full video walkthrough: Demo Video
AI Image Enhancer is a modern web application that uses artificial intelligence to improve image quality in real-time. The application allows users to upload any image and receive an enhanced version with improved resolution, clarity, and overall quality.
- Intuitive Image Upload: Drag-and-drop or click to upload images
- Real-time Enhancement: Watch your images transform instantly
- Side-by-Side Comparison: Compare original and enhanced images
- Download Options: Easy download of enhanced images
- User-Friendly Interface: Clean and modern UI/UX
react-ai-image-enhancer/
├── public/
│ └── before.png
├── src/
│ ├── components/
│ │ ├── Home.jsx
│ │ ├── ImagePreview.jsx
│ │ ├── ImageUpload.jsx
│ │ ├── LandingSlider.jsx
│ │ └── Loading.jsx
│ ├── utils/
│ │ └── enhanceImageApi.js
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
├── index.html
├── package.json
├── vite.config.js
└── README.md
- Clone the repository:
git clone https://github.com/your-username/react-ai-image-enhancer.git
- Install dependencies:
cd react-ai-image-enhancer
npm install
- Start the development server:
npm run dev
- Build for production:
npm run build
This project is licensed under the MIT License - see the LICENSE file for details.
Saurabh - GitHub