This React application allows users to upload images and receive enhanced versions using a third-party AI-based image enhancement API.
- Upload an image
- AI-enhanced output using upscale/clean APIs
- Automatic polling until enhancement is complete
- Displays final enhanced image
- Handles loading and error states
git clone https://github.com/shaikhsiddique/Ai-Image-Enhance
npm install
Create a .env
file in the root directory and add the following values:
cp .env.example .env
Update the .env
file with your actual API key.
npm run dev
Your app should now be running at http://localhost:5173
.
src/
├── Components/
│ ├── Home.jsx # Main upload and display logic
│ └── utils/
│ └── Api.js # Axios-based logic for image upload and polling
├── App.jsx # Application root
└── main.jsx # Entry point
All sensitive values are stored in the .env
file (not committed).
See .env.example
for reference.
- React.js
- Axios
- Vite
- Tailwind CSS
The enhanced image URLs are time-limited signed URLs and may expire after a certain period (usually 1 hour).
MIT © 2025 Siddique Shaikh