+
## What is Reactive Resume?
@@ -12,50 +12,55 @@ description: "Welcome to the documentation for Reactive Resume, a free and open-
**Reactive Resume** is a free and open-source resume builder designed to simplify the process of creating, updating, and sharing your professional resume. Built with privacy as a core principle, it gives you complete control over your data while providing a powerful, modern experience.
+
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
-
- 
-
+
+
+
@@ -144,13 +151,11 @@ Reactive Resume includes a variety of professionally designed templates. Each te
After selecting a template, you can customize it further:
-| Setting | Description |
-|---------|-------------|
-| **Colors** | Change the primary color scheme to match your personal brand |
-| **Typography** | Choose from various Google Fonts for headings and body text |
-| **Layout** | Adjust sidebar width, section order, and page margins |
-| **Spacing** | Fine-tune gaps between sections and elements |
+| Setting | Description |
+| -------------- | ------------------------------------------------------------ |
+| **Colors** | Change the primary color scheme to match your personal brand |
+| **Typography** | Choose from various Google Fonts for headings and body text |
+| **Layout** | Adjust sidebar width, section order, and page margins |
+| **Spacing** | Fine-tune gaps between sections and elements |
-
+
+
Good candidates for multi-column layouts:
-| Section | Recommended Columns |
-|---------|---------------------|
-| Skills | > 2 columns |
-| Languages | > 3 columns |
-| Interests | > 2 columns |
-| Profiles | > 3 columns |
-| Certifications (if brief) | > 2 columns |
+| Section | Recommended Columns |
+| ------------------------- | ------------------- |
+| Skills | > 2 columns |
+| Languages | > 3 columns |
+| Interests | > 2 columns |
+| Profiles | > 3 columns |
+| Certifications (if brief) | > 2 columns |
+
+
-
+
+
+
gpt-5.2, claude-4.5-opus, or gemini-3-flash).
- gpt-5.2,{" "}
+ claude-4.5-opus, or gemini-3-flash).
+src/integrations/orpc/router/ai.ts within the codebase.
+ If you're curious or would like to audit how your AI requests are forwarded, you can review the code yourself. See the
+ relevant implementation in src/integrations/orpc/router/ai.ts within the codebase.
+
## Where to find it
@@ -45,14 +48,14 @@ Example:
```css
/* Normal rules: rely on auto-scoping */
.page a {
- text-decoration: none;
+ text-decoration: none;
}
/* At-rules: manually scope selectors */
@media print {
- .resume-preview-container .page a {
- text-decoration: none;
- }
+ .resume-preview-container .page a {
+ text-decoration: none;
+ }
}
```
@@ -61,7 +64,9 @@ Example:
Keep each rule's selector on **one line**, for example:
```css
-.page-section-experience .section-item-title { font-weight: 700; }
+.page-section-experience .section-item-title {
+ font-weight: 700;
+}
```
Avoid splitting a selector across multiple lines unless you've confirmed it behaves as expected.
@@ -94,7 +99,7 @@ To apply styles only on one template, prefix with the template wrapper:
```css
.template-azurill .page-header {
- gap: 12pt;
+ gap: 12pt;
}
```
@@ -104,7 +109,7 @@ Each page has a class like `.page-0`, `.page-1`, etc.
```css
.page-0 .page-header {
- margin-bottom: 6pt;
+ margin-bottom: 6pt;
}
```
@@ -114,8 +119,8 @@ Custom sections include a dynamic class: `.page-section-
+
## Use cases
@@ -39,7 +42,8 @@ Keep a record of where you've sent this particular resume:
Paste links to the original job postings so you can quickly reference them when preparing for interviews or following up.
rxresu.me, the project's published support contact is hello@amruthpillai.com. Replace the placeholders above with the correct operator details for your deployment if you are self-hosting.
+ **Note for self-hosted deployments:** If you are using the official hosted service at rxresu.me, the
+ project's published support contact is hello@amruthpillai.com. Replace the placeholders above with the
+ correct operator details for your deployment if you are self-hosting.
rxresu.me, the project's published support contact is hello@amruthpillai.com.
+ Replace the placeholders above with the correct operator details for your deployment. If you are using the official
+ hosted service at rxresu.me, the project's published support contact is{" "}
+ hello@amruthpillai.com.
/app/data.
- /app/data.
+ amruthpillai/reactive-resume:latest. Prefer GHCR? Swap it to ghcr.io/amruthpillai/reactive-resume:latest.
APP_URLDATABASE_URLPRINTER_ENDPOINTAUTH_SECRETSMTP_*)GOOGLE_*, GITHUB_*)S3_*)FLAG_*)APP_URL
+ DATABASE_URL
+ PRINTER_ENDPOINT
+ AUTH_SECRET
+ SMTP_*)
+ GOOGLE_*, GITHUB_*)
+ S3_*)
+ FLAG_*)
+ HTML-formatted summary content here.
" + "title": "Summary", + "columns": 1, + "hidden": false, + "content": "HTML-formatted summary content here.
" } ``` @@ -76,14 +76,14 @@ All sections share a common structure: ```json { - "id": "uuid-here", - "hidden": false, - "company": "Acme Corp", - "position": "Software Engineer", - "location": "San Francisco, CA", - "period": "Jan 2020 - Present", - "website": { "url": "https://acme.com", "label": "" }, - "description": "Description of the project and your contributions.
" + "id": "uuid-here", + "hidden": false, + "name": "Open Source Project", + "period": "2023 - Present", + "website": { "url": "https://github.com/user/project", "label": "GitHub" }, + "description": "Description of the project and your contributions.
" } ``` @@ -137,11 +137,11 @@ Level: 0-5 (0 hides the visual indicator) ```json { - "id": "uuid-here", - "hidden": false, - "language": "English", - "fluency": "Native", - "level": 5 + "id": "uuid-here", + "hidden": false, + "language": "English", + "fluency": "Native", + "level": 5 } ``` @@ -151,13 +151,13 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "title": "AWS Solutions Architect", - "issuer": "Amazon Web Services", - "date": "March 2023", - "website": { "url": "https://aws.amazon.com/certification/", "label": "Verify" }, - "description": "" + "id": "uuid-here", + "hidden": false, + "title": "AWS Solutions Architect", + "issuer": "Amazon Web Services", + "date": "March 2023", + "website": { "url": "https://aws.amazon.com/certification/", "label": "Verify" }, + "description": "" } ``` @@ -165,13 +165,13 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "title": "Employee of the Year", - "awarder": "Acme Corp", - "date": "2022", - "website": { "url": "", "label": "" }, - "description": "" + "id": "uuid-here", + "hidden": false, + "title": "Employee of the Year", + "awarder": "Acme Corp", + "date": "2022", + "website": { "url": "", "label": "" }, + "description": "" } ``` @@ -179,13 +179,13 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "title": "Research Paper Title", - "publisher": "IEEE", - "date": "2021", - "website": { "url": "https://doi.org/...", "label": "DOI" }, - "description": "" + "id": "uuid-here", + "hidden": false, + "title": "Research Paper Title", + "publisher": "IEEE", + "date": "2021", + "website": { "url": "https://doi.org/...", "label": "DOI" }, + "description": "" } ``` @@ -193,13 +193,13 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "organization": "Local Food Bank", - "location": "San Francisco, CA", - "period": "2020 - Present", - "website": { "url": "", "label": "" }, - "description": "Volunteer activities and impact.
" + "id": "uuid-here", + "hidden": false, + "organization": "Local Food Bank", + "location": "San Francisco, CA", + "period": "2020 - Present", + "website": { "url": "", "label": "" }, + "description": "Volunteer activities and impact.
" } ``` @@ -207,11 +207,11 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "icon": "", - "name": "Photography", - "keywords": ["Landscape", "Portrait", "Street"] + "id": "uuid-here", + "hidden": false, + "icon": "", + "name": "Photography", + "keywords": ["Landscape", "Portrait", "Street"] } ``` @@ -219,13 +219,13 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "name": "Jane Smith", - "position": "Engineering Manager at Acme Corp", - "website": { "url": "https://linkedin.com/in/janesmith", "label": "LinkedIn" }, - "phone": "+1 (555) 987-6543", - "description": "Optional testimonial or quote.
" + "id": "uuid-here", + "hidden": false, + "name": "Jane Smith", + "position": "Engineering Manager at Acme Corp", + "website": { "url": "https://linkedin.com/in/janesmith", "label": "LinkedIn" }, + "phone": "+1 (555) 987-6543", + "description": "Optional testimonial or quote.
" } ``` @@ -233,12 +233,12 @@ Fluency examples: Native, Fluent, Conversational, Basic, or CEFR levels (A1-C2) ```json { - "id": "uuid-here", - "hidden": false, - "icon": "linkedin-logo", - "network": "LinkedIn", - "username": "johndoe", - "website": { "url": "https://linkedin.com/in/johndoe", "label": "" } + "id": "uuid-here", + "hidden": false, + "icon": "linkedin-logo", + "network": "LinkedIn", + "username": "johndoe", + "website": { "url": "https://linkedin.com/in/johndoe", "label": "" } } ``` @@ -254,14 +254,14 @@ Available templates: `azurill`, `bronzor`, `chikorita`, `ditto`, `ditgar`, `geng ```json { - "sidebarWidth": 35, - "pages": [ - { - "fullWidth": false, - "main": ["profiles", "summary", "experience", "education", "projects"], - "sidebar": ["skills", "languages", "certifications", "interests"] - } - ] + "sidebarWidth": 35, + "pages": [ + { + "fullWidth": false, + "main": ["profiles", "summary", "experience", "education", "projects"], + "sidebar": ["skills", "languages", "certifications", "interests"] + } + ] } ``` @@ -271,13 +271,13 @@ Section IDs for layout: `profiles`, `experience`, `education`, `projects`, `skil ```json { - "gapX": 4, - "gapY": 6, - "marginX": 14, - "marginY": 12, - "format": "a4", - "locale": "en-US", - "hideIcons": false + "gapX": 4, + "gapY": 6, + "marginX": 14, + "marginY": 12, + "format": "a4", + "locale": "en-US", + "hideIcons": false } ``` @@ -287,15 +287,15 @@ Format options: `a4`, `letter` ```json { - "colors": { - "primary": "rgba(220, 38, 38, 1)", - "text": "rgba(0, 0, 0, 1)", - "background": "rgba(255, 255, 255, 1)" - }, - "level": { - "icon": "star", - "type": "circle" - } + "colors": { + "primary": "rgba(220, 38, 38, 1)", + "text": "rgba(0, 0, 0, 1)", + "background": "rgba(255, 255, 255, 1)" + }, + "level": { + "icon": "star", + "type": "circle" + } } ``` @@ -305,18 +305,18 @@ Level types: `hidden`, `circle`, `square`, `rectangle`, `rectangle-full`, `progr ```json { - "body": { - "fontFamily": "IBM Plex Serif", - "fontWeights": ["400", "500"], - "fontSize": 10, - "lineHeight": 1.5 - }, - "heading": { - "fontFamily": "IBM Plex Serif", - "fontWeights": ["600"], - "fontSize": 14, - "lineHeight": 1.5 - } + "body": { + "fontFamily": "IBM Plex Serif", + "fontWeights": ["400", "500"], + "fontSize": 10, + "lineHeight": 1.5 + }, + "heading": { + "fontFamily": "IBM Plex Serif", + "fontWeights": ["600"], + "fontSize": 14, + "lineHeight": 1.5 + } } ``` @@ -326,8 +326,8 @@ Font family must be available on Google Fonts. Font weights: 100-900. ```json { - "enabled": false, - "value": "" + "enabled": false, + "value": "" } ``` @@ -355,6 +355,7 @@ All `id` fields require valid UUIDs version 7. If available, use 'v7()' from the ## HTML Content Fields marked as "HTML-formatted string" accept basic HTML: + - `` for paragraphs - `
+
{part.text}
); @@ -162,14 +164,13 @@ function MessageParts({ message }: { message: UIMessage }) { if (part.type === "reasoning" && part.text.trim()) { return ( -+
{part.text}
); } if (part.type === "tool-patch_resume") { - // biome-ignore lint/suspicious/noExplicitAny: AI SDK tool parts have dynamic shapes const toolPart = part as any; const state = toolPart.state as string; const operations = toolPart.input?.operations as { op: string; path: string }[] | undefined; @@ -208,7 +209,6 @@ export function AIChat() { if (msg.role !== "assistant") continue; for (const part of msg.parts) { if (part.type !== "tool-patch_resume") continue; - // biome-ignore lint/suspicious/noExplicitAny: AI SDK tool parts have dynamic shapes const toolPart = part as any; if (toolPart.state === "output-available") { processedToolCallIds.current.add(toolPart.toolCallId as string); @@ -290,10 +290,10 @@ export function AIChat() { }, [resumeId, setMessages]); const handleSubmit = useCallback( - (e: React.SubmitEvent) => { + async (e: React.SubmitEvent) => { e.preventDefault(); if (!input.trim() || status !== "ready") return; - sendMessage({ text: input }); + await sendMessage({ text: input }); setInput(""); }, [input, status, sendMessage], @@ -316,7 +316,7 @@ export function AIChat() {+