Built while exploring modern full-stack architecture, AI integrations, and SaaS patterns.
This project was built as part of my hands-on learning process while exploring:
- AI-powered image processing workflows
- SaaS architecture (auth, billing, credits system)
- Scalable full-stack development with modern tools
The initial foundation was inspired by a tutorial, but I used it to understand and explore real-world implementation patterns.
- Understanding AI transformation workflows
- Structuring a scalable full-stack application
- Managing API flow and async operations
- Integrating third-party services (Stripe, Cloudinary, Clerk)
- Next.js
- TypeScript
- MongoDB
- Clerk (Authentication)
- Cloudinary (Media Processing)
- Stripe (Payments)
- TailwindCSS + Shadcn UI
- Authentication & protected routes
- AI-based image transformations (restoration, recolor, fill, removal)
- Credit-based usage system
- Stripe payment integration
- Image upload, transformation, and download flow
- Search and pagination
- Responsive UI
- Structuring a production-like SaaS application
- Handling third-party APIs and async workflows
- Designing a credit-based monetization system
- Managing media-heavy applications efficiently
git clone https://github.com/g-k-shuvo/artifynow
cd artifynow
npm install
npm run dev