Create stunning resumes, presentations, letters, and diagrams with AI magic ✨
- AI-Powered Generation - Describe your experience, get a professional resume
- Multiple Templates - Modern, Professional, Creative, and ATS-optimized styles
- ATS Score Checker - Ensure your resume passes Applicant Tracking Systems
- PDF Export - Download high-quality PDFs instantly
- LinkedIn Import - Import your LinkedIn profile to create resumes
- Smart Slide Generation - Enter a topic, get a complete presentation
- 16:9 Format - Professional widescreen presentations
- Multiple Themes - Modern, Corporate, Creative, and more
- Image Integration - AI-generated images for each slide
- Export Options - Download as PDF or share via link
- Multiple Types - Cover letters, formal letters, thank you notes
- Job URL Import - Paste a job listing URL for tailored cover letters
- Professional Templates - Business-ready formatting
- AI Enhancement - Improve tone and content with AI
- Architecture Diagrams - System design with subgraphs and layers
- Flowcharts - Create process diagrams easily
- Mind Maps - Visualize ideas and concepts
- Sequence Diagrams - Show component interactions
- ER Diagrams - Database schema visualization
- Mermaid Syntax - Powered by Mermaid.js v11
- 9+ Professional Templates - Ready-to-use diagram templates
- Theme Integration - Adapts to light/dark modes
- Export Options - Download as PNG/SVG
- Node.js 18+
- npm or yarn
- Supabase account (for authentication)
# Clone the repository
git clone https://github.com/Muneerali199/Draftdeckai.git
cd Draftdeckai
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env.local
# Edit .env.local with your API keys
# Run development server
npm run devOpen http://localhost:3000 in your browser.
Create a .env.local file with these variables:
# Supabase (Required)
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
# AI Provider (Required)
GEMINI_API_KEY=your_gemini_api_key
# Optional
UNSPLASH_ACCESS_KEY=your_unsplash_key
STRIPE_SECRET_KEY=your_stripe_keyRun the entire application with one command — no manual Node.js installation required.
- Docker and Docker Compose
# Clone the repository
git clone https://github.com/Muneerali199/Draftdeckai.git
cd Draftdeckai
# Set up environment variables
cp .env.example .env.local
# Edit .env.local with your API keys
# Build and start (development mode with hot reload)
docker compose up
# For production build:
docker compose -f docker-compose.yml upOpen http://localhost:3000 in your browser.
The development setup mounts your local files for hot reload — changes to the source code automatically refresh the app.
| Category | Technology |
|---|---|
| Framework | Next.js 14.2 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS, shadcn/ui |
| Database | Supabase (PostgreSQL) |
| Authentication | Supabase Auth |
| AI | Mistral AI, Google Gemini |
| Payments | Stripe |
| Deployment | Vercel, Netlify |
DraftDeckAI/
├── app/ # Next.js App Router pages
│ ├── api/ # API routes
│ ├── auth/ # Authentication pages
│ ├── resume/ # Resume builder
│ ├── presentation/ # Presentation creator
│ ├── letter/ # Letter generator
│ └── diagram/ # Diagram builder
├── components/ # React components
│ ├── ui/ # shadcn/ui components
│ ├── resume/ # Resume-specific components
│ ├── presentation/ # Presentation components
│ └── letter/ # Letter components
├── lib/ # Utility functions
├── hooks/ # Custom React hooks
├── public/ # Static assets
└── supabase/ # Database migrations
DraftDeckAI uses Supabase Auth with:
- Email/Password login
- Password reset via email
- Protected routes with middleware
- Session management
| Action | Credits |
|---|---|
| Generate Resume | 5 |
| Generate Presentation | 10 |
| Generate Letter | 3 |
| Generate Diagram | 5 |
| ATS Score Check | 2 |
Free tier: 50 credits/month
- docs/SETUP.md - 📖 Complete setup guide with step-by-step API key generation and troubleshooting
- CONTRIBUTING.md - Contribution guidelines
- docs/UTILITIES.md - Development utilities & best practices guide
- ARCHITECTURE_DIAGRAM_FEATURE.md - Complete guide to architecture diagrams
- SYSTEM_ARCHITECTURE.md - Technical system architecture
- ARCHITECTURE_IMPROVEMENTS.md - Recent improvements summary
- Code_of_Conduct.md - Community standards
- CHANGELOG.md - Version history
- FAQ.md - Frequently asked questions
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLintJoin our official WhatsApp group to connect with other contributors, get help with your PRs, or discuss project ideas:
We appreciate all contributors who help improve DraftDeckAI ❤️
https://github.com/Muneerali199/Draftdeckai/graphs/contributors
Contributions are welcome! We've made it easy to get started:
First-time contributors? Start here:
- 📖 Read docs/SETUP.md - Complete setup guide with all API keys
- 📚 Check CONTRIBUTING.md - Contribution guidelines
- 🛠️ Review docs/UTILITIES.md - Development utilities guide
Ready to contribute?
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Get help:
- Check GitHub Issues for tasks
- Look for
good first issuelabel for beginner-friendly tasks - Join our Discord community for mentorship
This project is licensed under the MIT License - see the LICENSE file for details.
- Next.js - React framework
- Tailwind CSS - Styling
- shadcn/ui - UI components
- Supabase - Backend & Auth
- Mistral AI - AI generation
- Mermaid.js - Diagram rendering
- Nebius Token Factory - Qwen AI models
- OpenAI - API client library
Built with ❤️ by Muneer Ali and Mayank Sahu .
⭐ Star this repo if you find it helpful!