Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tariqkichawele/pixel-perfect
An AI image generator web application
https://github.com/tariqkichawele/pixel-perfect
Last synced: 18 days ago
JSON representation
An AI image generator web application
- Host: GitHub
- URL: https://github.com/tariqkichawele/pixel-perfect
- Owner: TariqKichawele
- Created: 2024-03-15T14:59:11.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-13T16:09:28.000Z (8 months ago)
- Last Synced: 2024-11-06T02:27:16.798Z (2 months ago)
- Language: TypeScript
- Homepage: https://ai-images-seven.vercel.app
- Size: 438 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pixel Perfect
Welcome to Pixel Perfect, an AI image generator app that excels in image processing capabilities. Pixel Perfect 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. The application is designed to provide users with powerful image editing tools and a seamless experience.
**TECHNOLOGIES USED**
**Frontend:**
- TypeScript: A statically typed superset of JavaScript for building scalable and robust applications.
- Tailwind CSS: A utility-first CSS framework for styling web interfaces.
**Backend:**
- MongoDB: A NoSQL database used for storing user data and image transformations.
- Clerk: A secure authentication service for user authentication and authorization.
- Cloudinary: A cloud-based image and video management platform.
- Stripe: A payment processing platform for secure credit card transactions.
- Shadcn: A library for implementing shadow effects in web applications.
**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.
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.