# Backstory Application UI Mockups

## System Overview
Backstory is a dual-purpose application serving:
1. **Job Candidates** - Upload/manage their professional history and generate tailored resumes
2. **Employers/Recruiters** - Search for candidates, ask questions about their experience, and generate tailored resumes based on job descriptions

The UI is designed with separate but connected experiences for these two user types.

## Core Navigation Structure

### Primary Navigation
- **Public Pages:** Home, About, Pricing, Login/Register
- **Candidate Dashboard:** Profile, Resume Builder, Q&A Setup, Analytics
- **Employer Dashboard:** Candidate Search, Saved Candidates, Company Profile

## Detailed Screen Mockups

### 1. Homepage (Public)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]             Login | Register       |
+------------------------------------------------------+
|                                                      |
|   +--------------+        +--------------+           |
|   | FOR CANDIDATES|        | FOR EMPLOYERS |          |
|   +--------------+        +--------------+           |
|   Tell your complete      Find the perfect match     |
|   professional story      by accessing deeper        |
|   beyond a single page    candidate insights         |
|                                                      |
|   [Get Started]           [Search Candidates]        |
|                                                      |
+------------------------------------------------------+
|                                                      |
|  How It Works                                        |
|                                                      |
|  [Candidate Flow Visual]    [Employer Flow Visual]   |
|                                                      |
|  - Upload your details     - Search candidate pool   |
|  - Create AI assistant     - Ask personalized Q&A    |
|  - Generate tailored CVs   - Generate targeted CVs   |
|                                                      |
+------------------------------------------------------+
|                                                      |
|  Testimonials | Success Stories | Partners           |
|                                                      |
+------------------------------------------------------+
```

### 2. Registration - Candidate
```
+------------------------------------------------------+
|  BACKSTORY [Logo]             Home                   |
+------------------------------------------------------+
|                                                      |
|  Create Your Candidate Account                       |
|                                                      |
|  [ ] Email                                           |
|  [ ] Password                                        |
|  [ ] Confirm Password                                |
|                                                      |
|  [ ] I agree to the Terms & Privacy Policy           |
|                                                      |
|  [Create Account]                                    |
|                                                      |
|  Already have an account? [Login]                    |
|                                                      |
|  --- or ---                                          |
|                                                      |
|  [Continue with Google]                              |
|  [Continue with LinkedIn]                            |
|                                                      |
+------------------------------------------------------+
```

### 3. Registration - Employer
```
+------------------------------------------------------+
|  BACKSTORY [Logo]             Home                   |
+------------------------------------------------------+
|                                                      |
|  Create Your Employer Account                        |
|                                                      |
|  [ ] Email                                           |
|  [ ] Password                                        |
|  [ ] Confirm Password                                |
|  [ ] Company Name                                    |
|  [ ] Company Size                                    |
|  [ ] Industry                                        |
|                                                      |
|  [ ] I agree to the Terms & Privacy Policy           |
|                                                      |
|  [Create Account]                                    |
|                                                      |
|  Already have an account? [Login]                    |
|                                                      |
|  --- or ---                                          |
|                                                      |
|  [Continue with Google]                              |
|  [Continue with LinkedIn]                            |
|                                                      |
+------------------------------------------------------+
```

### 4. Candidate Dashboard (Home)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |                                      |
|  | Profile    |    Welcome back, [Name]!             |
|  | Backstory  |                                      |
|  | Resumes    |    Your profile is 75% complete      |
|  | Q&A Setup  |    [Complete Your Profile]           |
|  | Analytics  |                                      |
|  | Settings   |                                      |
|  +------------+                                      |
|                                                      |
|  +-------------------+  +--------------------+       |
|  | Resume Builder    |  | Recent Activity    |       |
|  |                   |  |                    |       |
|  | 3 custom resumes  |  | 5 profile views    |       |
|  | Last created:     |  | 2 resume downloads |       |
|  | May 15, 2025      |  | 1 direct contact   |       |
|  |                   |  |                    |       |
|  | [Create New]      |  | [View All Activity]|       |
|  +-------------------+  +--------------------+       |
|                                                      |
|  +-------------------+  +--------------------+       |
|  | Complete Your     |  | Improvement        |       |
|  | Backstory         |  | Suggestions        |       |
|  |                   |  |                    |       |
|  | • Add projects    |  | • Add certifications|      |
|  | • Detail skills   |  | • Enhance your     |       |
|  | • Work history    |  |   project details  |       |
|  |                   |  |                    |       |
|  | [Edit Backstory]  |  | [View All Tips]    |       |
|  +-------------------+  +--------------------+       |
|                                                      |
+------------------------------------------------------+
```

### 5. Candidate Profile Editor
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Edit Your Profile                 |
|  | Profile    |                                      |
|  | Backstory  |    [Upload Photo]                    |
|  | Resumes    |                                      |
|  | Q&A Setup  |    Basic Information:                |
|  | Analytics  |    [ ] Full Name                     |
|  | Settings   |    [ ] Professional Title            |
|  +------------+    [ ] Location                      |
|                    [ ] Email                         |
|                    [ ] Phone (optional)              |
|                                                      |
|                    Professional Summary:             |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    Skills:                           |
|                    [Add Skills +]                    |
|                    • Skill 1 [x]                     |
|                    • Skill 2 [x]                     |
|                                                      |
|                    Online Presence:                  |
|                    [ ] LinkedIn URL                  |
|                    [ ] Personal Website              |
|                    [ ] GitHub/Portfolio              |
|                                                      |
|                    [Save Changes]  [Cancel]          |
|                                                      |
+------------------------------------------------------+
```

### 6. Backstory Content Editor
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Build Your Complete Backstory     |
|  | Profile    |                                      |
|  | Backstory  |    +-------------------------+       |
|  | Resumes    |    | Education | Experience | Projects|
|  | Q&A Setup  |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    Work Experience:                  |
|  +------------+    [+ Add Experience]                |
|                                                      |
|                    Company: [                      ] |
|                    Position: [                     ] |
|                    Dates: [From] [To] [Current ☐]   |
|                    Location: [                     ] |
|                                                      |
|                    Description:                      |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    Key Achievements:                 |
|                    [+ Add Achievement]               |
|                    • Achievement 1 [Edit] [Delete]   |
|                    • Achievement 2 [Edit] [Delete]   |
|                                                      |
|                    Technologies Used:                |
|                    [+ Add Technology]                |
|                    • Tech 1 [x]  • Tech 2 [x]        |
|                                                      |
|                    [Save Experience]                 |
|                                                      |
|                    [Import from LinkedIn]            |
|                    [Import from Resume File]         |
|                    [Import from JSON]                |
|                                                      |
+------------------------------------------------------+
```

### 7. Q&A Setup
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Configure Q&A Experience          |
|  | Profile    |                                      |
|  | Backstory  |    Your AI assistant helps employers |
|  | Resumes    |    learn more about your experience. |
|  | Q&A Setup  |                                      |
|  | Analytics  |    AI Personality:                   |
|  | Settings   |    [ ] Professional & Straightforward|
|  +------------+    [ ] Friendly & Conversational     |
|                    [ ] Technical & Detailed          |
|                    [ ] Custom...                     |
|                                                      |
|                    Custom Instructions:              |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    Topics to Emphasize:              |
|                    [+ Add Topic]                     |
|                    • Leadership experience [x]       |
|                    • Technical skills [x]            |
|                                                      |
|                    Topics to Avoid:                  |
|                    [+ Add Topic]                     |
|                    • Salary expectations [x]         |
|                                                      |
|                    Test Your Assistant:              |
|                    [Ask a test question...]          |
|                    [Test]                            |
|                                                      |
|                    [Save Configuration]              |
|                                                      |
+------------------------------------------------------+
```

### 8. Resume Builder
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Resume Builder                    |
|  | Profile    |                                      |
|  | Backstory  |    +-------------------------+       |
|  | Resumes    |    | Create | Saved | Templates |    |
|  | Q&A Setup  |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    Create Custom Resume:             |
|  +------------+                                      |
|                                                      |
|                    Target Position:                  |
|                    [                               ] |
|                                                      |
|                    Paste Job Description (optional): |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    Focus Areas:                      |
|                    [☑] Leadership                    |
|                    [☑] Technical Skills              |
|                    [☐] Project Management            |
|                    [☐] Client Relations              |
|                    [+ Custom Focus]                  |
|                                                      |
|                    Resume Length:                    |
|                    [○] 1 Page  [●] 2 Pages           |
|                                                      |
|                    Template Style:                   |
|                    [Template Thumbnails]             |
|                    [◉] Modern  [○] Classic  [○] Bold |
|                                                      |
|                    [Generate Resume]                 |
|                                                      |
+------------------------------------------------------+
```

### 9. Resume Editor
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Edit Resume                       |
|  | Profile    |                                      |
|  | Backstory  |    +-------------------------+       |
|  | Resumes    |    | Content | Design | Preview |    |
|  | Q&A Setup  |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    Resume Sections:                  |
|  +------------+    [↕] Contact Information           |
|                    [↕] Professional Summary          |
|                    [↕] Work Experience               |
|                    [↕] Skills                        |
|                    [↕] Education                     |
|                    [↕] Projects                      |
|                    [+ Add Section]                   |
|                                                      |
|                    Editing: Work Experience          |
|                    -------------------------         |
|                    Select Experiences to Include:    |
|                    [☑] Company A (2023-Present)      |
|                    [☑] Company B (2020-2023)         |
|                    [☐] Company C (2018-2020)         |
|                                                      |
|                    For selected experiences:         |
|                    [☑] Show all achievements         |
|                    [○] Focus on relevant items only  |
|                                                      |
|                    [Re-Generate This Section]        |
|                                                      |
|                    [Save Changes]  [Preview]         |
|                                                      |
+------------------------------------------------------+
```

### 10. Analytics Dashboard (Candidate)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Profile Analytics                 |
|  | Profile    |                                      |
|  | Backstory  |    +-------------------------+       |
|  | Resumes    |    | Overview | Engagement | Resumes |
|  | Q&A Setup  |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    Profile Performance:              |
|  +------------+                                      |
|                                                      |
|                    [Graph: Profile Views Last 30 Days]|
|                                                      |
|                    Interaction Metrics:              |
|                    • 45 Profile Views                |
|                    • 12 Resume Downloads             |
|                    • a  Direct Contacts              |
|                    • 23 Q&A Interactions             |
|                                                      |
|                    Top Q&A Topics:                   |
|                    [Graph: Most Asked Questions]     |
|                                                      |
|                    Resume Performance:               |
|                    [Graph: Downloads by Resume]      |
|                                                      |
|                    Discovery Sources:                |
|                    [Graph: How Employers Found You]  |
|                                                      |
|                    [Download Report]                 |
|                                                      |
+------------------------------------------------------+
```

### 11. Employer Dashboard
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Employer Dashboard                |
|  | Search     |                                      |
|  | Saved      |    Welcome back, [Company]!          |
|  | Jobs       |                                      |
|  | Company    |    +-------------------+  +--------+ |
|  | Analytics  |    | Quick Search      |  | Recent | |
|  | Settings   |    |                   |  |        | |
|  +------------+    | [Search...]       |  | • Cand1| |
|                    | [Go]              |  | • Cand2| |
|                    +-------------------+  +--------+ |
|                                                      |
|                    +-------------------+  +--------+ |
|                    | Talent Pools      |  | Job    | |
|                    |                   |  | Matches| |
|                    | • Frontend Devs   |  |        | |
|                    | • Data Scientists |  | 5 new  | |
|                    | • Product Managers|  | matches| |
|                    |                   |  |        | |
|                    | [Manage Pools]    |  | [View] | |
|                    +-------------------+  +--------+ |
|                                                      |
|                    +-------------------+             |
|                    | Active Job Postings|             |
|                    |                   |             |
|                    | • Sr Developer    |             |
|                    | • UX Designer     |             |
|                    |                   |             |
|                    | [Post New Job]    |             |
|                    +-------------------+             |
|                                                      |
+------------------------------------------------------+
```

### 12. Candidate Search (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Search Candidates                 |
|  | Search     |                                      |
|  | Saved      |    [Search by keyword, skill, role...] |
|  | Jobs       |                                      |
|  | Company    |    Filter By:                        |
|  | Analytics  |    +----------------------------+    |
|  | Settings   |    | Skills | Experience | Location ||
|  +------------+    +----------------------------+    |
|                                                      |
|                    Skills:                           |
|                    [+ Add Skill]                     |
|                    • React [x]  • Python [x]         |
|                                                      |
|                    Experience Level:                 |
|                    [☐] Entry (0-2 years)             |
|                    [☑] Mid (3-5 years)               |
|                    [☑] Senior (6+ years)             |
|                                                      |
|                    Location:                         |
|                    [☑] Remote OK                     |
|                    [ ] City/Region...                |
|                                                      |
|                    [Advanced Filters ▼]              |
|                    • Education                       |
|                    • Industry Experience             |
|                    • Last Active                     |
|                                                      |
|                    [Search]  [Save This Search]      |
|                                                      |
|                    Results (24):                     |
|                    [Candidate Cards with brief info] |
|                                                      |
+------------------------------------------------------+
```

### 13. Candidate Profile View (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Candidate Profile                 |
|  | Search     |                                      |
|  | Saved      |    +-------------------------+       |
|  | Jobs       |    | Profile | Q&A | Generate Resume ||
|  | Company    |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    [Photo] Name: John Developer      |
|  +------------+    Title: Senior Frontend Engineer   |
|                    Location: Portland, OR (Remote OK)|
|                                                      |
|                    [Save ☆] [Contact] [Share]        |
|                                                      |
|                    Summary:                          |
|                    Senior engineer with 8+ years     |
|                    experience building scalable web  |
|                    applications and leading teams.   |
|                                                      |
|                    Skills:                           |
|                    • React  • TypeScript  • NodeJS   |
|                    • AWS    • GraphQL     • Redux    |
|                                                      |
|                    Experience:                       |
|                    • Tech Co (2020-Present)          |
|                      Senior Frontend Engineer        |
|                                                      |
|                    • Startup Inc (2016-2020)         |
|                      Frontend Developer              |
|                                                      |
|                    [View Full Profile]               |
|                                                      |
+------------------------------------------------------+
```

### 14. Q&A Interface (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Ask about John's Experience       |
|  | Search     |                                      |
|  | Saved      |    +-------------------------+       |
|  | Jobs       |    | Profile | Q&A | Generate Resume ||
|  | Company    |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    Ask anything about John's         |
|  +------------+    professional background,          |
|                    skills, or experience.            |
|                                                      |
|                    Suggested Questions:              |
|                    • Tell me about your React exp.   |
|                    • How have you handled team       |
|                      conflicts?                      |
|                    • What are your biggest           |
|                      achievements?                   |
|                                                      |
|                    Chat History:                     |
|                    +-------------------------+       |
|                    | Q: Describe your biggest        |
|                    | challenge at Tech Co.           |
|                    |                                 |
|                    | A: At Tech Co, I led a critical |
|                    | migration from a legacy system  |
|                    | to a React-based architecture.  |
|                    | The main challenge was ensuring |
|                    | zero downtime while...          |
|                    +-------------------------+       |
|                                                      |
|                    [Type your question...]           |
|                    [Ask]                             |
|                                                      |
+------------------------------------------------------+
```

### 15. Resume Generator (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Generate Tailored Resume          |
|  | Search     |                                      |
|  | Saved      |    +-------------------------+       |
|  | Jobs       |    | Profile | Q&A | Generate Resume ||
|  | Company    |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    Generate a custom resume for John |
|  +------------+    based on your job requirements.   |
|                                                      |
|                    Job Title:                        |
|                    [                               ] |
|                                                      |
|                    Job Description:                  |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    [○] Paste JD  [●] Select Job Post |
|                    [Select from your job posts ▼]    |
|                                                      |
|                    Key Requirements:                 |
|                    [☑] React expertise               |
|                    [☑] Team leadership               |
|                    [☑] AWS experience                |
|                    [☐] Mobile development            |
|                                                      |
|                    [Generate Resume]                 |
|                                                      |
|                    Generated resumes will highlight  |
|                    relevant experience matching your |
|                    requirements.                     |
|                                                      |
+------------------------------------------------------+
```

### 16. Job Management (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Job Management                    |
|  | Search     |                                      |
|  | Saved      |    +-------------------------+       |
|  | Jobs       |    | Active | Drafts | Closed |      |
|  | Company    |    +-------------------------+       |
|  | Analytics  |                                      |
|  | Settings   |    [+ Post New Job]                  |
|  +------------+                                      |
|                                                      |
|                    Active Jobs (3):                  |
|                    +-------------------------+       |
|                    | Senior Frontend Engineer        |
|                    | Posted: May 10, 2025            |
|                    | Matches: 12                     |
|                    | [View] [Edit] [Close]           |
|                    +-------------------------+       |
|                                                      |
|                    +-------------------------+       |
|                    | UX Designer                     |
|                    | Posted: May 8, 2025             |
|                    | Matches: 8                      |
|                    | [View] [Edit] [Close]           |
|                    +-------------------------+       |
|                                                      |
|                    +-------------------------+       |
|                    | Product Manager                 |
|                    | Posted: May 5, 2025             |
|                    | Matches: 15                     |
|                    | [View] [Edit] [Close]           |
|                    +-------------------------+       |
|                                                      |
+------------------------------------------------------+
```

### 17. Company Profile (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Company Profile                   |
|  | Search     |                                      |
|  | Saved      |    This information will be visible  |
|  | Jobs       |    to candidates viewing your jobs.  |
|  | Company    |                                      |
|  | Analytics  |    [Upload Logo]                     |
|  | Settings   |                                      |
|  +------------+    Company Information:              |
|                    [ ] Company Name                  |
|                    [ ] Industry                      |
|                    [ ] Size                          |
|                    [ ] Website                       |
|                    [ ] Location(s)                   |
|                                                      |
|                    Company Description:              |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    Company Benefits:                 |
|                    [+ Add Benefit]                   |
|                    • Remote Work [Edit] [Delete]     |
|                    • Healthcare [Edit] [Delete]      |
|                                                      |
|                    Company Culture:                  |
|                    [                               ] |
|                                                      |
|                    [Save Changes]                    |
|                                                      |
|                    [Preview Public Profile]          |
|                                                      |
+------------------------------------------------------+
```

### 18. Employer Analytics
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Recruiting Analytics              |
|  | Search     |                                      |
|  | Saved      |    +-----------------------------+   |
|  | Jobs       |    | Overview | Jobs | Engagement |  |
|  | Company    |    +-----------------------------+   |
|  | Analytics  |                                      |
|  | Settings   |    Account Activity:                 |
|  +------------+                                      |
|                    [Graph: Monthly Activity Trends]  |
|                    • 120 Candidate Profiles Viewed   |
|                    • 45 Q&A Interactions             |
|                    • 30 Resumes Generated            |
|                                                      |
|                    Job Performance:                  |
|                    [Graph: Candidates per Job]       |
|                                                      |
|                    Top Candidate Skills:             |
|                    [Graph: Most Common Skills]       |
|                                                      |
|                    Search Terms:                     |
|                    [Graph: Most Used Search Terms]   |
|                                                      |
|                    Talent Pool Insights:             |
|                    • 82% of viewed candidates have   |
|                      5+ years of experience          |
|                    • Most common tech stack: React,  |
|                      Node.js, AWS                    |
|                                                      |
|                    [Download Report]                 |
|                                                      |
+------------------------------------------------------+
```

### 19. Settings Page (Both Users)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Account Settings                  |
|  | Main Nav   |                                      |
|  | ...        |    +--------------------------------+|
|  | ...        |    | Profile | Notifications | Billing||
|  | ...        |    +--------------------------------+|
|  | Settings   |                                      |
|  +------------+    Account Information:              |
|                    [ ] Email                         |
|                    [ ] Password (Change)             |
|                                                      |
|                    Privacy Settings:                 |
|                    [☑] Profile visible to employers  |
|                    [☑] Allow direct contact          |
|                    [☐] Show profile in search results|
|                                                      |
|                    Data Management:                  |
|                    [☑] Store chat history            |
|                    [☑] Use data for analytics        |
|                                                      |
|                    AI Configuration:                 |
|                    [Select Model ▼]                  |
|                    • Anthropic Claude                |
|                    • OpenAI GPT-4                    |
|                    • Local Open Source               |
|                                                      |
|                    API Configuration:                |
|                    [ ] API Key (if using external)   |
|                                                      |
|                    [Save Changes] [Cancel]           |
|                                                      |
+------------------------------------------------------+
```

## User Flow Diagrams

### Candidate User Flow
```
Home Page → Register (Candidate) → Dashboard
   ↓
Dashboard → Profile Editor → Backstory Editor → Q&A Setup
   ↓
Dashboard → Resume Builder → Resume Editor → Generated Resume
   ↓
Dashboard → Analytics → Settings
```

### Employer User Flow
```
Home Page → Register (Employer) → Dashboard
   ↓
Dashboard → Company Profile → Job Management → Post Job
   ↓
Dashboard → Candidate Search → Candidate Profile → Q&A Interface
   ↓                              ↓
   ↓                       Generate Resume
   ↓
Dashboard → Saved Candidates → Analytics → Settings
```

## Connection Points Between Systems

1. **Candidate Profile → Employer Search**
   - Candidate profiles (when visible) appear in employer searches
   - Search algorithms match candidate skills to employer requirements

2. **Candidate Q&A Setup → Employer Q&A Interface**
   - Q&A configurations by candidates determine how their AI assistant responds
   - Employer questions are processed through the candidate's configured AI

3. **Employer Job Posts → Candidate Resume Generator**
   - Job descriptions posted by employers can be used by candidates to generate tailored resumes
   - Skills and requirements from job posts help optimize candidate resumes

4. **Resume Generation Bidirectional Flow**
   - Employers can generate candidate-specific resumes based on job requirements
   - Candidates can generate job-specific resumes based on posted positions
   - Both flows leverage the same underlying RAG system with different contexts

5. **Analytics Insights Exchange**
   - Candidates see which employers viewed their profiles (anonymized)
   - Employers see aggregate data on candidate pools relevant to their needs
   - Both sides receive optimization suggestions based on market trends

## Additional Screens

### 20. Job Posting Creator (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Create Job Posting                |
|  | Search     |                                      |
|  | Saved      |    Job Details:                      |
|  | Jobs       |    [ ] Job Title                     |
|  | Company    |    [ ] Department                    |
|  | Analytics  |    [ ] Location                      |
|  | Settings   |    [☐] Remote OK                     |
|  +------------+    [ ] Employment Type (Full/Part)   |
|                    [ ] Experience Level              |
|                                                      |
|                    Job Description:                  |
|                    [                               ] |
|                    [                               ] |
|                                                      |
|                    Required Skills:                  |
|                    [+ Add Skill]                     |
|                    • React [x]  • TypeScript [x]     |
|                                                      |
|                    Preferred Skills:                 |
|                    [+ Add Skill]                     |
|                    • GraphQL [x]  • AWS [x]          |
|                                                      |
|                    [☑] Enable AI matching            |
|                    [☑] Allow candidate resume gen    |
|                                                      |
|                    [Save as Draft] [Publish Job]     |
|                                                      |
+------------------------------------------------------+
```

### 21. Talent Pool Management (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Talent Pools                      |
|  | Search     |                                      |
|  | Saved      |    [+ Create New Pool]               |
|  | Jobs       |                                      |
|  | Company    |    Frontend Developers:              |
|  | Analytics  |    (15 candidates)                   |
|  | Settings   |    [View] [Edit] [Delete]            |
|  +------------+                                      |
|                    Cloud Engineers:                  |
|                    (8 candidates)                    |
|                    [View] [Edit] [Delete]            |
|                                                      |
|                    UX Designers:                     |
|                    (12 candidates)                   |
|                    [View] [Edit] [Delete]            |
|                                                      |
|                    Edit Pool: Frontend Developers    |
|                    +--------------------------+      |
|                    | Name: [Frontend Developers]     |
|                    |                                 |
|                    | Description:                    |
|                    | [Senior frontend talent...]     |
|                    |                                 |
|                    | Auto-add criteria:              |
|                    | • Skills: React, Vue, Angular   |
|                    | • Experience: 3+ years          |
|                    | [Edit Criteria]                 |
|                    |                                 |
|                    | [Save Changes]                  |
|                    +--------------------------+      |
|                                                      |
+------------------------------------------------------+
```

### 22. Import Experience Screen (Candidate)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Import Professional Experience    |
|  | Profile    |                                      |
|  | Backstory  |    Choose import method:             |
|  | Resumes    |                                      |
|  | Q&A Setup  |    [○] Upload Resume File            |
|  | Analytics  |    [●] Import from LinkedIn          |
|  | Settings   |    [○] Manual Entry                  |
|  +------------+    [○] JSON/CSV Upload               |
|                                                      |
|                    LinkedIn Import:                  |
|                    [Connect with LinkedIn]           |
|                                                      |
|                    Resume File Upload:               |
|                    [Choose File] No file chosen      |
|                    Supported formats: PDF, DOCX      |
|                                                      |
|                    Data to Import:                   |
|                    [☑] Work Experience               |
|                    [☑] Education                     |
|                    [☑] Skills                        |
|                    [☐] Projects                      |
|                    [☐] Certifications               |
|                                                      |
|                    [Start Import]                    |
|                                                      |
+------------------------------------------------------+
```

### 23. Generated Resume View & Edit (Both Users)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Generated Resume                  |
|  | Main Nav   |                                      |
|  | ...        |    John Developer                    |
|  | ...        |    Senior Frontend Engineer          |
|  | ...        |    john@email.com | (555) 123-4567   |
|  | Settings   |    Portland, OR | github.com/john    |
|  +------------+                                      |
|                    SUMMARY                           |
|                    Experienced frontend engineer     |
|                    with 8+ years building scalable   |
|                    web applications and expertise    |
|                    in React, TypeScript and AWS.     |
|                                                      |
|                    EXPERIENCE                        |
|                    Tech Co | 2020-Present            |
|                    Senior Frontend Engineer          |
|                    • Led migration to React...       |
|                    • Reduced load times by 60%...    |
|                    [Edit Section]                    |
|                                                      |
|                    Startup Inc | 2016-2020           |
|                    Frontend Developer                |
|                    • Built responsive dashboards...  |
|                    • Implemented state management... |
|                    [Edit Section]                    |
|                                                      |
|                    [Download PDF] [Share] [Revise]   |
|                                                      |
+------------------------------------------------------+
```

### 24. Candidate Comparison (Employer)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Compare Candidates                |
|  | Search     |                                      |
|  | Saved      |    Selected Candidates:              |
|  | Jobs       |    [John Developer ✓] [Jane Coder ✓] |
|  | Company    |    [Add Another +]                   |
|  | Analytics  |                                      |
|  | Settings   |    Comparison Criteria:              |
|  +------------+    [☑] Skills Match                  |
|                    [☑] Experience Level              |
|                    [☑] Education                     |
|                    [☐] Project Complexity            |
|                                                      |
|                    +-------------+--------------+    |
|                    | Criteria    | John    | Jane    |
|                    +-------------+--------------+    |
|                    | Skills Match| 92%     | 87%     |
|                    | Experience  | 8 yrs   | 6 yrs   |
|                    | Leadership  | High    | Medium  |
|                    | React       | Expert  | Advanced|
|                    | AWS         | Advanced| Expert  |
|                    +-------------+--------------+    |
|                                                      |
|                    [Compare Q&A Responses]           |
|                    [Generate Side-by-Side Resumes]   |
|                                                      |
+------------------------------------------------------+
```

### 25. Notification & Activity Feed (Both Users)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    Activity Feed                     |
|  | Main Nav   |                                      |
|  | ...        |    Recent Notifications:             |
|  | ...        |                                      |
|  | ...        |    Today                             |
|  | Settings   |    • Your profile was viewed by a    |
|  +------------+      technology company (1h ago)     |
|                    • Resume downloaded (3h ago)      |
|                    • New job match found (5h ago)    |
|                                                      |
|                    Yesterday                         |
|                    • New question asked about your   |
|                      leadership experience           |
|                    • Profile view from XYZ Corp      |
|                                                      |
|                    This Week                         |
|                    • Profile completeness increased  |
|                      to 85%                          |
|                    • 3 profile views                 |
|                    • Resume generated for "Senior    |
|                      Frontend Position"              |
|                                                      |
|                    Notification Settings:            |
|                    [Manage Notification Preferences] |
|                                                      |
+------------------------------------------------------+
```

### 26. System Configuration (Admin)
```
+------------------------------------------------------+
|  BACKSTORY [Logo]                 [User Menu ▼]      |
+------------------------------------------------------+
|                                                      |
|  +------------+                                      |
|  | Dashboard  |    System Configuration              |
|  | Users      |                                      |
|  | Analytics  |    +-----------------------------+   |
|  | Config     |    | AI | Storage | Accounts | API | |
|  | Logs       |    +-----------------------------+   |
|  | System     |                                      |
|  | Settings   |    AI Configuration:                 |
|  +------------+                                      |
|                    Default AI Model:                 |
|                    [○] Anthropic Claude              |
|                    [●] OpenAI GPT-4                  |
|                    [○] Self-hosted LLaMA             |
|                    [○] Combination                   |
|                                                      |
|                    Model Settings:                   |
|                    Temperature: [0.7]                |
|                    Max Tokens: [4096]                |
|                    Context Window: [16k]             |
|                                                      |
|                    Default Embeddings:               |
|                    [○] OpenAI                        |
|                    [●] Self-hosted                   |
|                                                      |
|                    API Keys:                         |
|                    Anthropic: [***********]          |
|                    OpenAI: [***********]             |
|                                                      |
|                    [Save Configuration]              |
|                                                      |
+------------------------------------------------------+
```

### 27. Mobile View - Candidate Dashboard
```
+-------------------------+
| BACKSTORY    [Menu ☰]  |
+-------------------------+
|                         |
| Welcome back, [Name]!   |
|                         |
| Profile: 75% complete   |
| [Complete Profile]      |
|                         |
| +-------------------+   |
| | Resume Builder    |   |
| | 3 custom resumes  |   |
| | [Create New]      |   |
| +-------------------+   |
|                         |
| +-------------------+   |
| | Recent Activity   |   |
| | • 5 profile views |   |
| | • 2 downloads     |   |
| | [View All]        |   |
| +-------------------+   |
|                         |
| +-------------------+   |
| | Quick Actions     |   |
| | [Edit Profile]    |   |
| | [Add Experience]  |   |
| | [Configure Q&A]   |   |
| +-------------------+   |
|                         |
| [Navigation Tabs]       |
| Home | Profile | More   |
+-------------------------+
```

### 28. Mobile View - Employer Search
```
+-------------------------+
| BACKSTORY    [Menu ☰]  |
+-------------------------+
|                         |
| Search Candidates       |
|                         |
| [Search terms...]       |
|                         |
| Filters:                |
| [Filter ▼]              |
|                         |
| Results (24):           |
|                         |
| +-------------------+   |
| | John Developer    |   |
| | Sr Frontend Eng   |   |
| | 8+ years • React  |   |
| | [View Profile]    |   |
| +-------------------+   |
|                         |
| +-------------------+   |
| | Jane Coder        |   |
| | Full Stack Dev    |   |
| | 6+ years • Node   |   |
| | [View Profile]    |   |
| +-------------------+   |
|                         |
| +-------------------+   |
| | Alex Designer     |   |
| | UX/UI Designer    |   |
| | 5+ years • Figma  |   |
| | [View Profile]    |   |
| +-------------------+   |
|                         |
| [Load More]             |
|                         |
| [Navigation Tabs]       |
| Home | Search | Saved   |
+-------------------------+
```

## Integration Points with External Systems

### 1. Authentication & Identity
- **OAuth Integration**: Connect with Google, LinkedIn, GitHub
- **SSO Support**: For enterprise employer accounts
- **JWT Authentication**: For API access and mobile apps

### 2. Content Import/Export
- **LinkedIn Integration**: Import professional experience
- **Resume Parsing**: Upload existing resumes (PDF, DOCX)
- **CSV/JSON Import**: Batch import of candidate data
- **ATS Integration**: Connect with employer ATS systems

### 3. AI Backends
- **LLM Provider Options**: 
  - Anthropic Claude (API)
  - OpenAI GPT-4 (API)
  - Google Gemini (API)
  - Self-hosted open source models
- **Embedding Models**:
  - OpenAI Embeddings
  - Self-hosted alternatives
  - Vector database options (Pinecone, Weaviate, etc.)

### 4. Storage & Data Management
- **Document Storage**: For resumes, profiles, job descriptions
- **Vector Database**: For semantic search capabilities
- **Analytics Database**: For tracking user interactions

## Permissions Structure

### 1. Candidate Permissions
- **Profile Visibility Controls**:
  - Public (searchable by all employers)
  - Private (only visible to approved employers)
  - Hidden (not searchable, accessible by direct link only)
- **Contact Permissions**:
  - Allow direct contact
  - Anonymized contact through system
  - Require approval before contact

### 2. Employer Permissions
- **User Roles**:
  - Admin (full access to company account)
  - Recruiter (search and contact candidates)
  - Hiring Manager (view selected candidates)
  - Read-only (view only access)
- **Feature Access**:
  - Resume generation limits
  - Candidate search filters
  - Analytics access
  - Talent pool management

### 3. System Admin Permissions
- **Full System Configuration**
- **User Management**
- **AI Model Configuration**
- **Usage Analytics & Reporting**

## Deployment Architecture Considerations

1. **Self-Hosted Option**:
   - Docker containers for easy deployment
   - Configuration for different LLM backends
   - Local vector DB setup

2. **Cloud-Hosted Option**:
   - Multi-tenant architecture
   - Subscription tiers for different features
   - API access for enterprise integrations

3. **Hybrid Deployment**:
   - Core system in cloud
   - Private data and models on-premises
   - Secure API connections between components