Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/nayalsaurav/resume-analyzer/llms.txt

Use this file to discover all available pages before exploring further.

After analysis completes, the upload form is replaced by a structured feedback report rendered by the FeedbackDisplay component. The report presents your overall score, five category cards with animated progress bars, and color-coded tip lists — everything you need to understand your resume’s strengths and prioritize your edits before applying.

​
Overall Score Card

The top of the report displays your overallScore prominently — a single number between 0 and 100 representing how well your resume fits the specific role you analyzed against. This score is the aggregate of all five category scores and is color-coded using the same badge system as the individual categories. Refer to the Scoring page for a full explanation of how the overall score is calculated and what each score tier means.

​
Per-Category Section Cards

Below the overall score, five section cards appear — one for each evaluation dimension. Every card contains the same structure:

Category Title

A human-readable label for the dimension: ATS Compatibility, Tone & Style, Content Quality, Skills Relevance, or Structure & Formatting.

Score Badge

A badge showing the numeric score (0–100) for this category, color-coded green (≥80), grey (60–79), or red (<60).

Animated Progress Bar

A gradient progress bar that animates from 0 to the actual score value over 1 second, starting after a 300 ms delay. Each category has a unique gradient color.

Tip List

3–4 actionable tips generated by the AI, color-coded by type. Tips for Tone & Style, Content Quality, Skills Relevance, and Structure & Formatting may include an optional explanation for deeper guidance.
The five category gradients are visually distinct to help you quickly locate a specific section:
CategoryGradient
ATS CompatibilityBlue → Cyan
Tone & StylePurple → Pink
Content QualityGreen → Emerald
Skills RelevanceOrange → Red
Structure & FormattingIndigo → Purple

​
Tip Types

Every tip in each section card is classified as one of two types and rendered with a distinct color so you can triage at a glance.

Good

Rendered in emerald green. These tips describe things your resume is already doing well relative to the target role. Knowing what is working helps you avoid accidentally removing strong content during a revision.

Improve

Rendered in red. These tips identify specific weaknesses or gaps between your resume and the job requirements. These are the items you should act on before applying.

​
Tip Explanations

Tips for the Tone & Style, Content Quality, Skills Relevance, and Structure & Formatting sections include an explanation field alongside the headline tip text. When present, the tip card expands to show a second line of detailed guidance. Explanations provide the reasoning behind the feedback — why a particular issue matters and often how to fix it specifically. 
{
  "type": "improve",
  "tip": "Replace duty-based bullet points with achievement-focused statements.",
  "explanation": "Phrases like 'responsible for managing' describe duties. Replace them with outcomes: 'Reduced deployment time by 40% by introducing automated pipelines.'"
}
ATS tips contain only type and tip — the explanation field is not included in the ATS section schema. All other sections (Tone & Style, Content Quality, Skills Relevance, and Structure & Formatting) include explanation on every tip.
Tips without an explanation field show only the headline text.

​
Animated Progress Bars

Progress bars do not snap immediately to their final value. Each bar:
  1. Starts at 0 when the feedback report first renders
  2. Waits 300 milliseconds before beginning its animation
  3. Animates to the actual score over a 1000 millisecond (1-second) transition
This staged animation gives you a moment to register the category name and badge before the bar fills in, making it easier to form an impression of each score as you scan down the page.

​
Resetting and Analyzing Another Resume

At the bottom of the feedback report, an “Analyze Another Resume” button triggers the onReset callback. Clicking it:
  • Clears the uploaded file state
  • Clears the feedback state
  • Clears all validation errors
  • Resets the isProcessing flag
This returns the view to the blank upload form without a page reload, ready for a new analysis. Note that the text inputs for Company Name, Job Title, and Job Description retain their values so you can quickly adjust the job details and re-run the analysis.
Start with the “improve” tips that include an explanation field. These represent the highest-ROI edits — they tell you not just what is wrong but exactly why it matters and how to address it. Work through all red-badged categories before touching anything in the green-badged ones.
Your feedback is tied to the specific company, job title, and job description you entered. If you update your resume, re-run the analysis using the exact same job details to get a comparable score and measure your improvement accurately.

Build docs developers (and LLMs) love

Get started for freeTalk to us