Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joel-kalema/image-ai-generator
ImagAI is an AI image SaaS platform that excels in image processing capabilities, integrates a secure payment infrastructure, offers advanced image search functionalities, and supports multiple AI features, including image restoration, recoloring, object removal, generative filling, and background removal.
https://github.com/joel-kalema/image-ai-generator
Last synced: 16 days ago
JSON representation
ImagAI is an AI image SaaS platform that excels in image processing capabilities, integrates a secure payment infrastructure, offers advanced image search functionalities, and supports multiple AI features, including image restoration, recoloring, object removal, generative filling, and background removal.
- Host: GitHub
- URL: https://github.com/joel-kalema/image-ai-generator
- Owner: joel-kalema
- Created: 2024-03-01T11:41:12.000Z (8 months ago)
- Default Branch: dev
- Last Pushed: 2024-04-17T13:56:52.000Z (7 months ago)
- Last Synced: 2024-10-04T01:42:30.698Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://image-ai-generater.vercel.app/
- Size: 2.79 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
An AI SaaS Platform
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
5. 🕸️ [Snippets](#snippets)
6. 🔗 [Links](#links)
7. 🚀 [More](#more)
Build an AI image SaaS platform that excels in image processing capabilities, integrates a secure payment infrastructure, offers advanced image search functionalities, and supports multiple AI features, including image restoration, recoloring, object removal, generative filling, and background removal. This project can be a guide for your next AI image tool and a boost to your portfolio.
- Next.js
- TypeScript
- MongoDB
- Clerk
- Cloudinary
- Razorpay
- Shadcn
- TailwindCSS
## 🔋 Features
👉 **Authentication and Authorization**: Secure user access with registration, login, and route protection.
👉 **Community Image Showcase**: Explore user transformations with easy navigation using pagination
👉 **Advanced Image Search**: Find images by content or objects present inside the image quickly and accurately
👉 **Image Restoration**: Revive old or damaged images effortlessly
👉 **Image Recoloring**: Customize images by replacing objects with desired colors easily
👉 **Image Generative Fill**: Fill in missing areas of images seamlessly
👉 **Object Removal**: Clean up images by removing unwanted objects with precision
👉 **Background Removal**: Extract objects from backgrounds with ease
👉 **Download Transformed Images**: Save and share AI-transformed images conveniently
👉 **Transformed Image Details**: View details of transformations for each image
👉 **Transformation Management**: Control over deletion and updates of transformations
👉 **Credits System**: Earn or purchase credits for image transformations
👉 **Profile Page**: Access transformed images and credit information personally
👉 **Credits Purchase**: Securely buy credits via Razorpay for uninterrupted use
👉 **Responsive UI/UX**: A seamless experience across devices with a user-friendly interface
and many more, including code architecture and reusability
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/joel-kalema/image-ai-generater.git
cd image-ai-generator
```
**Installation**
Install the project dependencies using yarn:
```bash
yarn install
```
**Set Up Environment Variables**
Create a new file named `.env.local` in the root of your project and add the following content:
```env
#NEXT
NEXT_PUBLIC_SERVER_URL=
#MONGODB
MONGODB_URL=
#CLERK
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
WEBHOOK_SECRET=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
#CLOUDINARY
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
#RAZORPAY
RAZORPAY_KEY=
RAZORPAY_SECRET=
```
Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the [Clerk](https://clerk.com/), [MongoDB](https://www.mongodb.com/), [Cloudinary](https://cloudinary.com/) and [Razorpay](https://razorpay.com)
**Running the Project**
```bash
yarn start
```
Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.