JobFlow
JobFlow is a privacy-first job application tracker that helps job seekers stay organized throughout their job search journey. Built entirely on the client side, it ensures your sensitive job search data never leaves your device while providing powerful AI-assisted parsing and comprehensive tracking features.
Role
Skills & Tools
Work Responsibilities
- Independently designed and engineered JobFlow, an AI-powered job application tracker with full client-side architecture (HTML/CSS/JavaScript) ensuring complete data privacy.
- Built AI parsing features using OpenAI API to automatically extract job posting details, while enabling manual override for accuracy.
- Implemented dual-view interface (cards & table), real-time statistics, and JSON import/export for streamlined application management.
Overview
JobFlow is a privacy-first job application tracker that helps job seekers stay organized throughout their job search journey. Built entirely on the client side, it ensures your sensitive job search data never leaves your device while providing powerful AI-assisted parsing and comprehensive tracking features.
Quick Match Assessment
Instantly evaluate if a job matches your criteria: salary, location, and sponsorship requirements.
Manage Bulk Applications
Effortlessly organize and track dozens or even hundreds of job application records.
Track Application Progress
Monitor each position's status from application to interview to final outcome.
Key Features
AI-Powered Parsing
One-click job description parsing that automatically extracts 10+ key fields including company info, requirements, salary, and sponsorship.
Saves 90% of time
Smart Card System
Auto-generated editable job cards with real-time status updates across 5 application stages, interview tracking, and contact management.
Dual View Management
Switch seamlessly between card view for visual browsing and table view for comprehensive overview and batch management.
Advanced Filtering
Quick search and filter by status, company, salary range, location with intelligent sorting options for efficient job hunting.
Scalable Data Management
Support for 1000+ job records with data import/export in JSON format and automatic archiving of historical applications.
Privacy-First Design
100% local storage with encrypted API keys, no server dependencies, and complete offline functionality for maximum privacy.
User Flow
Discover
Copy job description
AI Parse
Extract key fields
Review
Edit & adjust
Track
Update status
Manage
Filter & export
Design Philosophy
Minimalist design philosophy emphasizing clarity, precision, and professional elegance through restrained aesthetics and thoughtful details.
Color Palette
Primary Black
#000000
Accent Gold
#b8945f
Background Cream
#fafaf8
Text Gray
#2a2a2a
Typography
Cormorant Garamond
Headings — Elegant, Classic
Inter
Body — Modern, Readable
Design Principles
Technical Architecture
Frontend
- • HTML5 / CSS3 / JavaScript
- • Vanilla JavaScript
- • CSS Grid & Flexbox
- • Responsive Design
AI Integration
- • OpenAI GPT-3.5 Turbo
- • Natural Language Processing
- • Structured Data Extraction
- • JSON Response Parsing
Data Management
- • Browser LocalStorage
- • CRUD Operations
- • Import/Export (JSON)
- • Auto Archive
System Architecture
Impact & Results
Performance Metrics
- •<2s AI parsing response time
- •10+ key fields auto-extraction
- •5 application status flows
Security & Privacy
- •API Key local encryption
- •XSS protection
- •Zero backend dependency
Product Development Insights
UX Intuition-Driven Development
Built from personal experience during job search, leveraging strong user experience intuition to identify core pain points: time-consuming manual data entry, difficulty tracking sponsorship information, and privacy concerns with cloud-based solutions. Even in the initial version, focused on creating an interface that felt natural and efficient from day one.
Progressive Feature Enhancement
Started with simple AI parsing functionality, then iteratively added features guided by UX principles: basic parsing → smart card management → real-time status tracking → dual-view system (cards/table) → advanced filtering → data import/export. Each addition focused on improving user interaction and workflow efficiency.
Visual & Interaction Design Evolution
Continuously refined visual layout and interaction patterns to enhance user experience. Chose local storage for privacy and speed, implemented dual-view system for different user needs (quick scanning vs. detailed comparison), and selected black-gold color scheme to convey professionalism while standing out from typical productivity tools. Focused on creating breathing space and elegant transitions throughout the interface.
Reflection
JobFlow emerged from my own job search experience, which naturally guided the design toward solving real workflow inefficiencies. Building this tool reinforced the value of trusting UX intuition when you deeply understand the problem space—sometimes the best insights come from being your own user rather than external research alone.
The iterative development process taught me to start simple and progressively layer in complexity. Each feature addition—from basic parsing to dual-view management—was driven by identifying specific interaction pain points and designing solutions that felt natural within the existing interface. Through this project, I gained hands-on experience with AI API integration, learned to balance feature richness with interface clarity, and developed a stronger sense of how visual design choices (like the black-gold palette and generous spacing) can significantly impact perceived professionalism and user trust in a productivity tool.