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
- Flowcharts - Create process diagrams easily
- Mind Maps - Visualize ideas and concepts
- Org Charts - Build organizational structures
- Mermaid Syntax - Powered by Mermaid.js
- Node.js 18+
- npm or yarn
- Supabase account (for authentication)
# Clone the repository
git clone https://github.com/Muneerali199/DocMagic.git
cd DocMagic
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env
# Edit .env with your API keys
# Run development server
npm run devOpen http://localhost:3000 in your browser.
Create a .env 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 - choose one)
MISTRAL_API_KEY=your_mistral_api_key
# OR
GEMINI_API_KEY=your_gemini_api_key
# Optional
UNSPLASH_ACCESS_KEY=your_unsplash_key
STRIPE_SECRET_KEY=your_stripe_key| Category | Technology |
|---|---|
| Framework | Next.js 14 (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 |
DocMagic/
├── 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
DocMagic 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
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLintContributions are welcome! Please read our Contributing Guide first.
- 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
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
Built with ❤️ by Muneer Ali
⭐ Star this repo if you find it helpful!