Craftly AI
๐ Inspiration
The modern job market demands highly tailored applications, but customizing resumes and cover letters for every single job posting is incredibly time-consuming and often repetitive. We were inspired to leverage the power of artificial intelligence to automate this tedious process, empowering job seekers to create compelling, personalized applications in seconds. Our goal was to build a solution that is not only intelligent but also cost-effective, secure, and fully transparent through open-source principles.
๐ก What It Does
Craftly AI is an intelligent web application designed to streamline the job application process:
AI-Powered Resume Parsing
Upload your resume in PDF, DOC, DOCX, or TXT format. Our AI (Google Gemini) intelligently extracts key details: contact info, skills, work experience, education, and summary.Personalized Cover Letter Generation
Provide a job description and your resume โ the AI crafts a unique cover letter tailored to the specific role and company.Secure Data Storage
All user data is securely stored in a private Supabase database to ensure privacy and full control.Customizable AI Prompts
Users can create and manage custom prompt templates to control the AI's tone, focus, and format.Flexible AI Model Integration
Supports Google Gemini, OpenAI GPT, Anthropic Claude, and even custom endpoints.Rich Text Editing & PDF Export
Refine generated cover letters with a built-in editor and export them as polished PDFs.Progressive Web App (PWA)
Work offline, install on your device, and enjoy fast performance with native-like UX.
๐ ๏ธ How We Built It
Tech Stack & Architecture:
Frontend
- React 18 + TypeScript
- Tailwind CSS for styling
- Vite for blazing-fast builds and development
- React 18 + TypeScript
AI Integration
- Google Gemini API powers both resume parsing and cover letter generation
- Google Gemini API powers both resume parsing and cover letter generation
Backend & Database
- Supabase for auth, PostgreSQL DB, and file storage
- Supabase for auth, PostgreSQL DB, and file storage
Security
- Row Level Security (RLS) on Supabase ensures per-user data isolation
- Row Level Security (RLS) on Supabase ensures per-user data isolation
Resume Parsing
pdfjs-distextracts text from PDF- Other formats are processed directly by the AI
Cover Letter Output
- Custom rich text editor
- PDF export using
jspdf
- Custom rich text editor
Deployment
- Ready for Netlify and Vercel with pre-configured env setup
- Ready for Netlify and Vercel with pre-configured env setup
Cost Optimization
- Supabase free tier + local file processing = cost-effective system
๐ง Challenges We Faced
Prompt Engineering
Designing prompts that consistently extract accurate data and write high-quality cover letters.Resume Format Variance
Handling varied layouts and formats required validation and fallback logic.Supabase RLS Configuration
Setting up and debugging strict per-user access control.Offline Functionality
Building reliable caching with service workers to support offline usage.Environment Management
Syncing environment variables across dev and deployment environments.
๐ Accomplishments We're Proud Of
Real-World AI Integration
Intelligent automation using Google Gemini for parsing and writing.Cost-Effective Architecture
Fully functional app that stays within free-tier limits.Security by Design
Secure user data with Supabase RLS and good dev practices.Smooth UX
Intuitive, fast, PWA-based interface.Open-Source Release
Publicly available project to foster learning and community contribution.
๐ What We Learned
Prompt Engineering
Designing better prompts for LLMs across multiple use cases.Supabase as Full Stack
Auth, DB, file storage, and RLS โ all in one robust BaaS.PWA Best Practices
Deep dive into caching strategies, manifest config, and offline-first design.Security-First Thinking
Planning and implementing data protection from the very start.Balancing Cost vs. Features
Building powerful yet affordable tools by making smart architectural choices.
๐ฎ Whatโs Next for Craftly AI
Improved Resume Parsing
Better handling of unconventional resume formats.More AI Model Support
OpenAI GPT-4o, Anthropic, and even local LLM support.Job Application Tracker
Track job applications, stages, deadlines, and notes.Built-in Resume Builder
Let users create/edit resumes directly in the app.Advanced Theming & UI Customization
Personalize the look and feel of the app.Community Features
Share prompt templates, success stories, and tips (securely and anonymously).Mobile App (Coming Soon)
Native iOS/Android apps via Expo for full cross-platform access.
Craftly AI โ Automate your job application journey, intelligently and securely.
Built With
- bolt
Log in or sign up for Devpost to join the conversation.