- Tech Stack
- Next.js, React, TypeScript, Tailwind CSS, PostgreSQL, Auth.js, Zustand, TanStack Query, Replicate AI, Unsplash, UploadThing, Stripe, Vercel
- Description
- A full-featured graphic design SaaS platform inspired by Canva, featuring a powerful browser-based design editor, project management, AI-powered image tools, authentication, cloud storage, and subscription-based premium features.
- Key Features
- 🎨 Design Editor: Interactive canvas editor with templates, text, shapes, layers, drawing tools, and object manipulation
- 🤖 AI-Powered Tools: AI image generation and background removal powered by Replicate
- 🔐 Multi-Provider Authentication: Secure authentication with Google, GitHub, and email/password
- 💳 Subscription System: Stripe-powered subscriptions for premium projects, templates, AI generations, and high-resolution exports
- 🖼️ Media Management: UploadThing for file uploads and Unsplash integration for stock photography
- 📁 Project Management: Create, save, organize, and manage multiple design projects
- 📤 Design Export: Export designs in PNG, JPG, SVG, and JSON formats
- 📱 Responsive Interface: Responsive design system optimized across desktop and mobile devices
- ⚡ Production Deployment: Deployed on Vercel with a modern Next.js application architecture
- Technical Highlights
- Implemented a browser-based design editor using Fabric.js for interactive canvas rendering and object manipulation
- Built the application architecture with Next.js 14, React 18, and TypeScript
- Developed reusable interface components with shadcn/ui and Tailwind CSS
- Implemented backend APIs using Hono.js with Drizzle ORM and Neon PostgreSQL
- Integrated Auth.js for Google, GitHub, and credential-based authentication
- Managed client-side application state with Zustand and server-state/data fetching with TanStack Query
- Integrated Replicate AI for image generation and automated background-removal workflows
- Implemented Stripe subscription and payment workflows for premium SaaS functionality
- Integrated UploadThing for user-generated media uploads and Unsplash for external stock imagery
- Implemented multi-format design serialization and export workflows including PNG, JPG, SVG, and JSON
- Configured the application for production deployment through Vercel
