Deployed URL: https://gen-ai-4-burma.vercel.app/
Gen AI 4 Burma is a web app that enables users to apply various AI-powered transformations to their images, such as restoration, recoloring, generative fill, object removal, and background removal. Users can also explore other users’ transformations, search for images by content, and purchase credits for using the app. The app aims to support the Burma Spring Revolution, a popular uprising against the military coup that took place in Myanmar on February 1, 2021. The people of Myanmar are demanding the restoration of democracy, the release of political prisoners, and the recognition of their ethnic and cultural diversity. By using the app, users can show their solidarity and support for the cause, learn more about the history and culture of Myanmar, and donate to humanitarian aid channels that are providing assistance to the people of Myanmar. Gen AI 4 Burma is more than just an image transformer, it is a platform for social change and justice.
Gen AI 4 Burma offers the following features and functionalities:
-
Authentication and Authorization: Users can securely access the app with registration, login, and route protection. Users can also update their profile information and password, and log out from the app.
-
Community Image Showcase: Users can explore other users’ transformations with easy navigation using pagination. Users can also view the original and transformed images side by side, and zoom in and out of the images.
-
Advanced Image Search: Users can find images by content or objects present inside the image quickly and accurately. Users can also filter the search results by transformation type, user name, or date range.
-
Image Restoration: Users can revive old or damaged images effortlessly. Users can upload an image and select the restoration model, and the app will return a restored image that preserves the original quality and details.
-
Image Recoloring: Users can customize images by replacing objects with desired colors easily. Users can upload an image and select the recoloring model, and the app will return a recolored image that maintains the original texture and lighting.
-
Object Removal: Users can clean up images by removing unwanted objects with precision. Users can upload an image and select the object removal model, and the app will return a cleaned image that fills in the removed area with realistic content.
-
Background Removal: Users can extract objects from backgrounds with ease. Users can upload an image and select the background removal model, and the app will return an extracted image that isolates the foreground object from the background.
-
Download Transformed Images: Users can save and share AI-transformed images conveniently. Users can download the transformed images in various formats and sizes, and also copy the image URL to share with others.
-
Transformed Image Details: Users can view details of transformations for each image. Users can see the transformation type, model name, user name, upload date, and credit cost for each image.
-
Transformation Management: Users can control over deletion and updates of transformations. Users can delete their own transformations, and also update the transformation type and model name if they want to change them.
-
Credits System: Users can earn or purchase credits for image transformations. Users can earn credits by signing up, logging in, or inviting friends to the app. Users can also purchase credits securely via Stripe for uninterrupted use.
-
Profile Page: Users can access transformed images and credit information personally. Users can see their own transformations and credits balance, and also edit their profile information and password.
-
Credits Purchase: Users can securely buy credits via Stripe for uninterrupted use. Users can choose from various credit packages and pay with their preferred payment method. Users can also view their purchase history and receipts.
-
Responsive UI/UX: Users can enjoy a seamless experience across devices with a user-friendly interface. The app is designed with mobile-first approach and adapts to different screen sizes and orientations. The app also provides feedback and guidance to the users with loading indicators, error messages, and tooltips.
The project is built using the following technologies:
-
Next.js: A React framework that enables server-side rendering, static site generation, and API routes.
-
TypeScript: A superset of JavaScript that adds static type checking and other features.
-
Tailwind CSS: A utility-first CSS framework that allows for rapid and responsive styling.
-
MongoDB: A document-based database that stores data in flexible JSON-like format and supports powerful querying and aggregation.
-
Apollo Client: A state management library that integrates GraphQL with React and Next.js.
-
Cloudinary: A cloud-based platform that provides image and video management, including uploading, storing, transforming, and delivering media assets.
-
Clerk: A service that provides authentication, user management, and session management.
-
Stripe: A service that provides payment processing, billing, and subscription management.
-
Shadcn: A service that provides real-time messaging, chat rooms, and notifications.
To run the app locally, follow these steps:
Clone the repository: git clone https://github.com//image-transformer.git Install the dependencies: npm install Create a .env.local file in the root directory and add the following environment variables:
NEXT_PUBLIC_CLERK_FRONTEND_API= MONGODB_URI= NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME= NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET= NEXT_PUBLIC_SHADCN_API_KEY= STRIPE_SECRET_KEY= NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY= NEXT_PUBLIC_STRIPE_WEBHOOK_SECRET=
Run the development server: npm run dev
Open http://localhost:3000 with your browser to see the result.
To use this project, you need to sign up or log in with your email account.
Gen AI 4 Burma is open source and licensed under the MIT license. You can find the code base and the README file on GitHub. I welcome any feedback, suggestions, or contributions to improve the project and make it more useful for the community.
If you have any feedback, suggestions, or questions, feel free to contact me at min@mandalaymorningstar.com or open an issue on GitHub. I would love to hear from you and improve the project. Thank you for using and supporting the web app.
This project is inspired by JS Mastery and the Burmese Spring Revolution Civil Disobedience Movement. The project aims to support the cause of democracy and human rights in Myanmar through cutting-edge web development tech stacks.
GitHub: https://github.com/min-hinthar Email: min@mandalaymorningstar.com LinkedIn: https://www.linkedin.com/in/minkkhant93/ Portfolio: https://minkkhant-portfolio.netlify.app/