Dot.ai - AI-Powered SaaS Platform

🌟 Description

A comprehensive AI-powered SaaS platform featuring article generation, blog title creation, AI image generation, professional image editing, and resume optimization tools—all in one application.

🚀 Live Demo

https://dotaii.vercel.app/

💡 Topics

ai-saas openai react express postgresql clerk-authentication image-generation resume-analyzer article-generator cloudinary neon-db vercel ai-tools content-creation

✨ Key Features

• AI Article Writer: Generate high-quality, engaging articles on any topic
• Blog Title Generator: Find the perfect catchy titles for your content
• AI Image Generation: Create stunning visuals with AI
• Background & Object Removal: Clean, professional image editing in seconds
• Resume Reviewer: AI-powered resume optimization for better job prospects

🛠️ Tech Stack

Backend:

• Express.js - Web framework
• Clerk Authentication - Secure user authentication
• OpenAI API - AI-powered content generation
• Cloudinary - Image storage and processing
• PostgreSQL (NeonDB) - Serverless database
• Multer - File upload handling

Frontend:

• React 19 - Modern UI library
• Clerk React - Authentication components
• React Router - Client-side routing
• Lucide React - Icon library
• Tailwind CSS - Utility-first styling
• React Markdown - Markdown rendering

Deployment:

• Vercel - Full-stack deployment platform

📁 API Endpoints (Server)

• POST /api/articles - Generate AI articles
• POST /api/titles - Generate blog titles
• POST /api/images - Generate AI images
• POST /api/images/edit - Edit/remove backgrounds
• POST /api/resumes - Analyze and optimize resumes
• GET /api/history - Get user generation history

🔐 Authentication

• Clerk-based authentication system
• Protected API routes
• Secure session management
• Role-based access (if implemented)

🎨 UI/UX Features

• Modern, responsive design
• Real-time generation feedback
• Markdown support for articles
• Toast notifications
• Dark/light mode ready (with additional configuration)

🚀 Getting Started

1. Clone repository
2. Install dependencies for both client and server
3. Set up environment variables for Clerk, OpenAI, Cloudinary, and NeonDB
4. Run development servers
5. Deploy to Vercel with proper configuration

🔧 Environment Variables

Server (.env):

OPENAI_API_KEY=your_openai_key
CLOUDINARY_URL=your_cloudinary_url
DATABASE_URL=your_neon_db_url
CLERK_SECRET_KEY=your_clerk_secret

Client (.env):

VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
VITE_API_URL=your_api_url

📈 Use Cases

• Content creators needing article ideas
• Bloggers seeking engaging titles
• Marketers requiring custom images
• Job seekers optimizing resumes
• Businesses automating content creation

🤝 Contributing

This project showcases modern SaaS development patterns with AI integration, serverless architecture, and full-stack deployment capabilities.