PixelMage is a straightforward SaaS platform crafted with modern technologies including Next.js, React, Node.js, and Tailwind CSS. It leverages Clerk for user management, allowing seamless authentication and authorization processes. For handling transactions, PixelMage integrates Stripe as its payment gateway, ensuring secure and efficient purchases. Additionally, the platform utilizes Cloudinary's API to drive its AI-powered image editing functionalities, empowering users with advanced editing capabilities.
The app has a modern and intuitive UI with features like responsive layouts and pagination to improve user experience. Some of its distinct features are -
- Object Removal
- Object Recoloring
- Image Restoration
- Responsive and modern UI
- Generative fill to change the image aspect ratio
- In the picture search for the recent edits page.
To contribute set up the local environment, develop and test your feature, or fix any existing bug. Once you are happy with your work, go ahead and raise a pull request, I'll be happy to merge any constructive change to the project, making it more awesome✌️.
- Clone the repository
https://github.com/Akarsh3053/PixelMage- Install the dependencies
npm install| Syntax | Description |
|---|---|
| MONGODB_URL | Connection string to your mongoDB Atlas instance. |
| CLERK_SECRET_KEY | Clerk is used for auth and user management, get keys from here. |
| NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY | Clerk auth provider API key from Clerk. |
| WEBHOOK_SECRET | Webhook secret for clerk webhook. |
| STRIPE_SECRET_KEY | API key for payment gateway, get it from here. |
| NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY | Stripe API key public. |
| STRIPE_WEBHOOK_SECRET | Webhook for checkout events. |
| NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME | Cloudinary cloud name for your service. |
| CLOUDINARY_API_KEY | Cloudinary API key |
| CLOUDINARY_API_SECRET | API secret key for cloudinary API |
| 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 | / |
- Run local instance
npm run dev