Pixel-Pro

Pixel-Pro is an AI-powered image tool with a wide range of features, including image restore, generative fill.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🚀 More

🤖 Introduction

Introducing Pixel-Pro, your ultimate AI-powered photo editing companion. Elevate your images effortlessly with advanced features, ensuring stunning results every time. Our intuitive tools simplify the editing process, empowering creativity with ease.

But Pixel-Pro goes beyond editing—it prioritizes security with robust authentication and seamless, secure payment options. Your data and account are safeguarded at all times, allowing you to edit with peace of mind.

Pagination and search functionality enhance organization, allowing swift navigation through your extensive photo library. Find and access specific images in seconds, streamlining your editing workflow.

With Pixel-Pro, transform your images into masterpieces, exploring new creative realms with confidence. Trust in a platform that prioritizes your security, convenience, and artistic expression.

⚙️ Tech Stack

• Next.js
• TypeScript
• MongoDB
• Clerk
• Cloudinary
• Stripe
• Shadcn
• TailwindCSS

🔋 Features

🔒 Authentication and Authorization: Ensure secure user access through registration, login, and route protection, enhancing data privacy and user confidence.

🖼️ Community Image Showcase: Explore a vast array of user transformations with intuitive pagination, allowing effortless navigation through captivating visuals.

🔍 Advanced Image Search: Quickly and accurately locate images based on content or objects present within, optimizing browsing efficiency.

🔄 Image Restoration: Effortlessly revive old or damaged images to their former glory, preserving precious memories with ease.

🎨 Image Recoloring: Customize images by seamlessly replacing objects with desired colors, unlocking endless creative possibilities.

✨ Image Generative Fill: Complete images seamlessly by filling in missing areas, ensuring a cohesive and polished final result.

🗑️ Object Removal: Clean up images by removing unwanted objects with precision, enhancing visual aesthetics effortlessly.

🌄 Background Removal: Extract objects from backgrounds with ease, allowing for versatile image compositions.

💾 Download Transformed Images: Save and share AI-transformed images conveniently, preserving your creations for future enjoyment.

🔍 Transformed Image Details: Gain insights into the specifics of each transformation, enhancing understanding and creativity.

🔧 Transformation Management: Retain control over the deletion and updates of transformations, ensuring a personalized editing experience.

💳 Credits System: Earn or purchase credits for image transformations, providing flexibility and accessibility in usage.

👤 Profile Page: Access transformed images and credit information personally, managing your creative journey with ease.

💰 Credits Purchase: Securely buy credits via Stripe for uninterrupted use, facilitating seamless transactions and continuous creativity.

📱 Responsive UI/UX: Enjoy a seamless experience across devices with a user-friendly interface, ensuring accessibility and comfort in every interaction.

🤸 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
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/DanteTerry/pixel-pro.git
cd pixel-pro

Installation

Install the project dependencies using npm:

npm run dev

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

#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, MongoDB, Cloudinary and Stripe

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.

Connect with Me

Feel free to reach out if you have any questions, feedback, or just want to chat! You can connect with me via:

• Email: Arpityadav2998@gmail.com
• LinkedIn: Arpit Yadav
• Twitter: @Arpit685895

Thank you for visiting