Job Application Builder

Create a responsive interview preparation web application with the following components and features: Job Details Input Section: Form card with: Required job title input field Required job description textarea (min-height 150px) Optional company name and description fields File upload components for: Resume (PDF only) Cover Letter (PDF only) Additional Documents (PDF only) PDF validation messages and upload progress indicators Chat-to-Resume Builder Section: Interactive card with: Conversational UI split into two panels Left panel: Chat interface with: Natural language input (text/voice) Message history display ATS-optimized template suggestions Right panel: Resume preview panel with: Real-time formatted resume display Edit controls for sections/formatting PDF export button AI Interview Prep Section: Practice interface with: Job-specific question generator (using OpenAI API) Video/audio recording controls Real-time feedback display showing: Answer analysis Keyword matching Delivery metrics Performance dashboard with: Score history Weakness indicators Improvement suggestions API Integration: Configure OpenAI client with: python Copy client = OpenAI( base_url="https://openrouter.ai/api/v1", api_key="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" ) Implement endpoints for: Resume content generation Interview question generation Response analysis UI Requirements: Modern dashboard layout with: Responsive grid system Interactive hover states Clear visual hierarchy Progress indicators Error handling Loading states Use a professional color scheme (blues and grays) Include help tooltips for complex features Special Features: PDF parser for resume/content extraction ATS score calculator Mock interview session recorder Cross-browser compatibility Mobile-responsive design Technical Requirements: React components with TypeScript Tailwind CSS for styling Axios for API calls Web Workers for background processing Local storage for session persistence

v0 by Vercel