MYDOCMAKER is an elite, all-in-one AI ecosystem designed to automate professional workflows. By leveraging the power of Google Gemini API and ElevenLabs, it empowers users to transform complex ideas into high-quality documents, data, and media in seconds.
🔗 LIVE PLATFORM: MYDOCMAKER.LOVABLE.APP
Caution
MYDOCMAKER was developed as a high-performance SaaS prototype but was NOT officially published/launched to the public market due to a LACK OF EXTERNAL FUNDING.
I am now open-sourcing the codebase to showcase the technical architecture and the power of a unified AI workspace. I am actively seeking collaborators or investors to take MYDOCMAKER to the next level.
| Tool | Description |
|---|---|
| 📑 AI Document Generator | Powered by Gemini, it drafts complete, formatted documents from a single prompt |
| 📊 AI PowerPoint Generator | Builds structured slide decks with outlines and professional themes |
| 📈 AI Spreadsheet Maker | Generates functional Excel Sheets with automated headers and complex formulas |
| ✍️ Word Editor | A rich-text interface with a Gemini-powered Sidebar to rephrase or summarize text instantly |
| Tool | Description |
|---|---|
| 📂 Chat with PDF | Advanced RAG tool to extract data or summarize uploaded PDF documents via Gemini's large context window |
| 📝 AI Writer | Generate SEO-friendly blogs, professional emails, and social media captions |
| 📖 AI Story Generator | A creative engine for high-quality fiction and narrative content |
| 📚 AI Book Creator | Specifically built for authors to create children's picture books with integrated visuals |
| Tool | Description |
|---|---|
| 🎙️ AI Voice Generator | Integration with ElevenLabs for lifelike, high-fidelity human voices |
| 🎬 AI Video Generator | Transforms prompts into cinematic video clips for social media or products |
| 🖼️ AI Image Generator | Batch create high-resolution visuals in Realistic, Art, or 3D styles |
- React 18.3 with TypeScript
- Vite for blazing-fast development
- Tailwind CSS + shadcn/ui for modern UI components
- Framer Motion for smooth animations
- TipTap rich text editor
- React Query for data fetching
- Supabase (PostgreSQL + Edge Functions)
- Firebase (Authentication + Firestore + Storage)
- Deno runtime for serverless functions
| Service | Purpose |
|---|---|
| Google Gemini API | Text generation, document creation, PDF analysis, ebook generation |
| ElevenLabs API | AI voice synthesis and text-to-speech |
| Stripe | Subscription billing and payment processing |
| Resend | Transactional email delivery |
- Node.js v18.0 or higher
- npm, yarn, or bun
- A Supabase project (free tier available)
- A Firebase project (free tier available)
# Clone the repository
git clone https://github.com/your-username/mydocmaker.git
cd mydocmaker
# Install dependencies
npm installCopy the example environment file and configure your keys:
cp .env.example .envEdit .env with your actual API keys:
# ═══════════════════════════════════════════════════════════════════════
# SUPABASE CONFIGURATION
# ═══════════════════════════════════════════════════════════════════════
VITE_SUPABASE_PROJECT_ID="your_supabase_project_id"
VITE_SUPABASE_URL="https://your_project_id.supabase.co"
VITE_SUPABASE_PUBLISHABLE_KEY="your_supabase_anon_key"
# ═══════════════════════════════════════════════════════════════════════
# FIREBASE CONFIGURATION
# ═══════════════════════════════════════════════════════════════════════
VITE_FIREBASE_API_KEY="your_firebase_api_key"
VITE_FIREBASE_AUTH_DOMAIN="your_project.firebaseapp.com"
VITE_FIREBASE_DATABASE_URL="https://your_project-default-rtdb.firebaseio.com"
VITE_FIREBASE_PROJECT_ID="your_firebase_project_id"
VITE_FIREBASE_STORAGE_BUCKET="your_project.firebasestorage.app"
VITE_FIREBASE_MESSAGING_SENDER_ID="your_messaging_sender_id"
VITE_FIREBASE_APP_ID="your_firebase_app_id"
VITE_FIREBASE_MEASUREMENT_ID="G-XXXXXXXXXX"In your Supabase Dashboard, navigate to Project Settings > Edge Functions > Secrets and add:
| Secret Name | Description | Get it from |
|---|---|---|
GEMINI_API_KEY |
Google Gemini API | Google AI Studio |
ELEVENLABS_API_KEY |
ElevenLabs TTS | ElevenLabs Dashboard |
FIREBASE_API_KEY |
Firebase verification | Firebase Console |
RESEND_API_KEY |
Email service | Resend Dashboard |
STRIPE_SECRET_KEY |
Payments (optional) | Stripe Dashboard |
STRIPE_WEBHOOK_SECRET |
Webhook verification | Stripe Webhooks |
# Start the development server
npm run devThe app will be available at http://localhost:5173
# Install Vercel CLI
npm i -g vercel
# Deploy
vercel# Build the project
npm run build
# Deploy the dist folder to NetlifyFROM node:18-alpine
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["npm", "run", "preview"]Simply connect your GitHub repository to Lovable and click Publish.
Gemini API Integration: Most text and document tasks rely on Gemini. Ensure your API key has access to
gemini-2.0-flashorgemini-2.5-flashfor the best performance.
ElevenLabs Voices: For the AI Voice Generator, you must copy the specific Voice ID from your ElevenLabs dashboard into the application settings.
Large File Handling: When using Chat with PDF, ensure your server timeout is sufficient for Gemini to process large document embeddings.
Stripe Integration: For payment processing, you need to create products/prices in Stripe and update the price IDs in
supabase/functions/create-checkout-session/index.ts.
mydocmaker/
├── src/
│ ├── assets/ # Static assets (images, logos)
│ ├── components/ # Reusable UI components
│ │ ├── ui/ # shadcn/ui components
│ │ ├── tools/ # Tool-specific components
│ │ └── word-editor/ # Rich text editor components
│ ├── contexts/ # React contexts (Auth, Theme)
│ ├── data/ # Static data and configurations
│ ├── hooks/ # Custom React hooks
│ ├── integrations/ # Supabase client & types
│ ├── lib/ # Utility libraries
│ ├── pages/ # Route pages
│ │ └── tools/ # Individual AI tool pages
│ └── index.css # Global styles & design tokens
├── supabase/
│ ├── functions/ # Edge functions (serverless backend)
│ │ ├── ai-chat/ # AI chat assistant
│ │ ├── generate-book/ # Ebook generation
│ │ ├── generate-document/ # Document generation
│ │ ├── generate-image/ # Image generation
│ │ ├── generate-presentation/ # PowerPoint generation
│ │ ├── generate-spreadsheet/ # Excel generation
│ │ ├── generate-video/ # Video generation
│ │ ├── generate-voiceover/ # Voice synthesis
│ │ └── chat-pdf/ # PDF analysis
│ └── config.toml # Supabase configuration
├── public/
│ └── screenshots/ # Application screenshots
├── .env.example # Environment template
├── requirements.txt # Package dependencies list
├── CONTRIBUTING.md # Contribution guidelines
├── tailwind.config.ts # Tailwind configuration
└── vite.config.ts # Vite configuration
| Developer | Maheer Khan |
| maheerkhan3a@gmail.com | |
| Inquiries | Open to Technical Roles, Project Partnerships, or Investment Discussions |
We welcome contributions! Please see CONTRIBUTING.md for guidelines.
This project is open-source and available under the MIT License.
