Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/22ayaan/pix-wizard-ai

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/22ayaan/pix-wizard-ai

clerk-auth cloudinary-api mongodb mongoose-schema nextjs shadcn-ui stripe-checkout tailwindcss typescript

Last synced: 8 days ago
JSON representation

Host: GitHub
URL: https://github.com/22ayaan/pix-wizard-ai
Owner: 22ayaan
License: gpl-3.0
Created: 2024-07-25T12:15:53.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-07-31T07:21:24.000Z (5 months ago)
Last Synced: 2024-11-07T01:29:12.736Z (about 2 months ago)
Topics: clerk-auth, cloudinary-api, mongodb, mongoose-schema, nextjs, shadcn-ui, stripe-checkout, tailwindcss, typescript
Language: TypeScript
Homepage: https://pix-wiz-ai.vercel.app
Size: 3.9 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

Pixel Wizard (PixWiz) sn AI SaaS Platform

Check out PixWiz

## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
5. 🕸️ [Snippets](#snippets)

## 🤖 Introduction

## ⚙️ Tech Stack

- Next.js
- TypeScript
- MongoDB
- Clerk
- Cloudinary
- Stripe
- 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 Stripe for uninterrupted use

🚀 **Responsive UI/UX**: A seamless experience across devices with a user-friendly interface

and many more, including code architecture and reusability

## 🤸 Quick Start

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/22ayaan/pix-wizard-ai.git
cd pix-wizard-ai
```

**Installation**

Install the project dependencies using npm:

```bash
npm 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=

#STRIPE
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
```

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 [Stripe](https://stripe.com)

**Running the Project**

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.

## 🕸️ Snippets

### Image Restore:

Screenshot 2024-07-30 at 4 14 05 PM