/canva-ai

SaaS app based on Canva with tools powered by AI

Primary LanguageTypeScript

Canva AI

AI SaaS application deeply inspired in Canva, with Stripe integration for tokens purchases simulation and AI features powered by Cloudinary.

Author

Used Techs

Frontend: React, Next.js v.14

Database: MongoAtlas (Cloud MongoDB), Mongoose

Styling/Animations/Icons: TailwindCSS, ShadcnUI, Aceternity.ui, RadixUI, Lucide Icons, Framer-motion

Auth Manager: Clerk

AI Features: Cloudinary

Payment Simulation: Stripe

Others: Zod, Husky, Commitizen, Commitlint, Lint-staged, React-hook-form

Learnings...

  • Next v.14 Server Functions/Actions
  • Clerk and Stripe Webhooks consumption
  • Cloudinary plug-n-play AI solutions
  • TailwindCSS custom plugins

Features

  • User Authentication and Authorization by Clerk image

  • Community Image Showcase image

  • AI powered image search image

  • AI image refine image

  • AI image generative fill image

  • AI object removal image

  • AI object recolor image

  • AI background removal image

  • Credit consumption at transformation image

  • Transformation loading state image

  • User profile image

  • Credits shop image

  • Stripe checkout for credits image

  • Responsive layout image