-
-
-
-
- Wazivo
+
- Wazivo
+
+
+
+
+
+ AI career assistant for modern hiring
+
+
+
+ Turn any resume into a clear, ATS-ready hiring story.
+
+ Wazivo analyzes resume quality, surfaces missing market skills, rewrites weak content, and helps candidates ship stronger applications without creating an account.
+
- Get Hired, Get Wazivo
-
- Lightning-fast AI resume analysis powered by Groq
-
-
-
- {error && (
-
- ❌ {error}
- Please try again or contact support
-
- )}
-
- {/* Progress bar */}
- {loading && progress > 0 && (
-
-
+
+ {highlights.map((item) => (
+ key={item}
+ className="rounded-2xl border border-white/10 bg-white/5 px-4 py-4 text-sm text-slate-200 shadow-[0_0_0_1px_rgba(255,255,255,0.02)] backdrop-blur"
+ >
+ {item}
+
+ ))}
+
+
+
+
+
+ Why teams will trust it
+ Built like a real product MVP
+
+ - Typed APIs with safe JSON responses
+ - Groq-backed analysis with heuristic fallback
+ - Hash-based caching and anonymous rate limiting
+ - Responsive dashboard UI for analysis, rewrite, and cover letters
+
- )}
-
- {loading ? (
-
+
+ Missing market skills
+
+ Priority gaps
+
+
+
+ {skills.length ? (
+ skills.map((skill) => (
+
+ {skill}
+
+ ))
+ ) : (
+ No major missing skills detected for the current profile.
+ )}
+
+
+ );
+}
diff --git a/src/components/Report.tsx b/src/components/Report.tsx
new file mode 100644
index 0000000..b22db40
--- /dev/null
+++ b/src/components/Report.tsx
@@ -0,0 +1,39 @@
+import { buildReportSections } from '../lib/reportGenerator';
+import type { ResumeAnalysis } from '../lib/resumeAnalyzer';
+
+type ReportProps = {
+ analysis: ResumeAnalysis;
+};
+
+export default function Report({ analysis }: ReportProps) {
+ const sections = buildReportSections(analysis);
+
+ return (
+
+
+
+ Professional report
+ Candidate readiness snapshot
+
+
+ Score: {analysis.score}/100
+
+
+
+
+ {sections.map((section) => (
+
+ {section.title}
+
+ {section.items.map((item) => (
+ -
+ {item}
+
+ ))}
+
+
+ ))}
+
+
+ );
+}
diff --git a/src/components/ResumeUpload.tsx b/src/components/ResumeUpload.tsx
new file mode 100644
index 0000000..61ac053
--- /dev/null
+++ b/src/components/ResumeUpload.tsx
@@ -0,0 +1,223 @@
+'use client';
+
+import { useMemo, useState } from 'react';
+
+import MissingSkills from './MissingSkills';
+import Report from './Report';
+import ScoreCard from './ScoreCard';
+import SkillsList from './SkillsList';
+import type { ResumeAnalysis } from '../lib/resumeAnalyzer';
+
+type ApiError = {
+ error: string;
+};
+
+type AnalyzeResponse = {
+ data: ResumeAnalysis;
+ cached?: boolean;
+};
+
+export default function ResumeUpload() {
+ const [resumeText, setResumeText] = useState('');
+ const [jobDescription, setJobDescription] = useState('');
+ const [analysis, setAnalysis] = useState(null);
+ const [rewrittenResume, setRewrittenResume] = useState('');
+ const [coverLetter, setCoverLetter] = useState('');
+ const [loadingAction, setLoadingAction] = useState<'analyze' | 'rewrite' | 'cover-letter' | null>(null);
+ const [error, setError] = useState('');
+
+ const canAnalyze = useMemo(() => resumeText.trim().length >= 120, [resumeText]);
+ const canCreateCoverLetter = canAnalyze && jobDescription.trim().length >= 80;
+
+ async function parseJson(response: Response): Promise {
+ return (await response.json()) as T;
+ }
+
+ async function handleAnalyze() {
+ setLoadingAction('analyze');
+ setError('');
+
+ try {
+ const response = await fetch('/api/analyze', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ resumeText }),
+ });
+
+ const payload = await parseJson(response);
+
+ if (!response.ok || 'error' in payload) {
+ throw new Error('error' in payload ? payload.error : 'Unable to analyze resume.');
+ }
+
+ setAnalysis(payload.data);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Unable to analyze resume.');
+ } finally {
+ setLoadingAction(null);
+ }
+ }
+
+ async function handleRewrite() {
+ setLoadingAction('rewrite');
+ setError('');
+
+ try {
+ const response = await fetch('/api/rewrite', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ resumeText }),
+ });
+
+ const payload = (await response.json()) as { data?: { rewritten: string }; error?: string };
+
+ if (!response.ok || payload.error || !payload.data) {
+ throw new Error(payload.error || 'Unable to rewrite resume.');
+ }
+
+ setRewrittenResume(payload.data.rewritten);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Unable to rewrite resume.');
+ } finally {
+ setLoadingAction(null);
+ }
+ }
+
+ async function handleCoverLetter() {
+ setLoadingAction('cover-letter');
+ setError('');
+
+ try {
+ const response = await fetch('/api/cover-letter', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ resumeText, jobDescription }),
+ });
+
+ const payload = (await response.json()) as { data?: { coverLetter: string }; error?: string };
+
+ if (!response.ok || payload.error || !payload.data) {
+ throw new Error(payload.error || 'Unable to generate cover letter.');
+ }
+
+ setCoverLetter(payload.data.coverLetter);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Unable to generate cover letter.');
+ } finally {
+ setLoadingAction(null);
+ }
+ }
+
+ return (
+
+
+
+ Resume workspace
+ Analyze, rewrite, and tailor applications
+
+ Paste a resume to generate a hiring-ready report. Add a job description to create a customized cover letter.
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Report.tsx b/src/components/Report.tsx
new file mode 100644
index 0000000..b22db40
--- /dev/null
+++ b/src/components/Report.tsx
@@ -0,0 +1,39 @@
+import { buildReportSections } from '../lib/reportGenerator';
+import type { ResumeAnalysis } from '../lib/resumeAnalyzer';
+
+type ReportProps = {
+ analysis: ResumeAnalysis;
+};
+
+export default function Report({ analysis }: ReportProps) {
+ const sections = buildReportSections(analysis);
+
+ return (
+
+
+ );
+}
diff --git a/src/components/ResumeUpload.tsx b/src/components/ResumeUpload.tsx
new file mode 100644
index 0000000..61ac053
--- /dev/null
+++ b/src/components/ResumeUpload.tsx
@@ -0,0 +1,223 @@
+'use client';
+
+import { useMemo, useState } from 'react';
+
+import MissingSkills from './MissingSkills';
+import Report from './Report';
+import ScoreCard from './ScoreCard';
+import SkillsList from './SkillsList';
+import type { ResumeAnalysis } from '../lib/resumeAnalyzer';
+
+type ApiError = {
+ error: string;
+};
+
+type AnalyzeResponse = {
+ data: ResumeAnalysis;
+ cached?: boolean;
+};
+
+export default function ResumeUpload() {
+ const [resumeText, setResumeText] = useState('');
+ const [jobDescription, setJobDescription] = useState('');
+ const [analysis, setAnalysis] = useState(null);
+ const [rewrittenResume, setRewrittenResume] = useState('');
+ const [coverLetter, setCoverLetter] = useState('');
+ const [loadingAction, setLoadingAction] = useState<'analyze' | 'rewrite' | 'cover-letter' | null>(null);
+ const [error, setError] = useState('');
+
+ const canAnalyze = useMemo(() => resumeText.trim().length >= 120, [resumeText]);
+ const canCreateCoverLetter = canAnalyze && jobDescription.trim().length >= 80;
+
+ async function parseJson(response: Response): Promise {
+ return (await response.json()) as T;
+ }
+
+ async function handleAnalyze() {
+ setLoadingAction('analyze');
+ setError('');
+
+ try {
+ const response = await fetch('/api/analyze', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ resumeText }),
+ });
+
+ const payload = await parseJson(response);
+
+ if (!response.ok || 'error' in payload) {
+ throw new Error('error' in payload ? payload.error : 'Unable to analyze resume.');
+ }
+
+ setAnalysis(payload.data);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Unable to analyze resume.');
+ } finally {
+ setLoadingAction(null);
+ }
+ }
+
+ async function handleRewrite() {
+ setLoadingAction('rewrite');
+ setError('');
+
+ try {
+ const response = await fetch('/api/rewrite', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ resumeText }),
+ });
+
+ const payload = (await response.json()) as { data?: { rewritten: string }; error?: string };
+
+ if (!response.ok || payload.error || !payload.data) {
+ throw new Error(payload.error || 'Unable to rewrite resume.');
+ }
+
+ setRewrittenResume(payload.data.rewritten);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Unable to rewrite resume.');
+ } finally {
+ setLoadingAction(null);
+ }
+ }
+
+ async function handleCoverLetter() {
+ setLoadingAction('cover-letter');
+ setError('');
+
+ try {
+ const response = await fetch('/api/cover-letter', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ resumeText, jobDescription }),
+ });
+
+ const payload = (await response.json()) as { data?: { coverLetter: string }; error?: string };
+
+ if (!response.ok || payload.error || !payload.data) {
+ throw new Error(payload.error || 'Unable to generate cover letter.');
+ }
+
+ setCoverLetter(payload.data.coverLetter);
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Unable to generate cover letter.');
+ } finally {
+ setLoadingAction(null);
+ }
+ }
+
+ return (
+
+
+ AI career assistant for modern hiring
+
+
-
-
+
+
+
- + Turn any resume into a clear, ATS-ready hiring story.
++ Wazivo analyzes resume quality, surfaces missing market skills, rewrites weak content, and helps candidates ship stronger applications without creating an account. +
Get Hired, Get Wazivo
-- Lightning-fast AI resume analysis powered by Groq -
- - - {error && ( -
-
- )}
-
- {/* Progress bar */}
- {loading && progress > 0 && (
- ❌ {error}
-Please try again or contact support
-
-
+
+
+
+ {highlights.map((item) => (
+ key={item}
+ className="rounded-2xl border border-white/10 bg-white/5 px-4 py-4 text-sm text-slate-200 shadow-[0_0_0_1px_rgba(255,255,255,0.02)] backdrop-blur"
+ >
+ {item}
+
+ ))}
+
+
+
- )}
-
- {loading ? (
-
+
+ Why teams will trust it
+Built like a real product MVP
-
+
- Typed APIs with safe JSON responses +
- Groq-backed analysis with heuristic fallback +
- Hash-based caching and anonymous rate limiting +
- Responsive dashboard UI for analysis, rewrite, and cover letters +
+
+ Missing market skills
+ + Priority gaps + +
+ {skills.length ? (
+ skills.map((skill) => (
+
+
+ {skill}
+
+ ))
+ ) : (
+ No major missing skills detected for the current profile.
+ )} +
+
+
+
+
+ Professional report
+Candidate readiness snapshot
+
+ Score: {analysis.score}/100
+
+
+ {sections.map((section) => (
+
+
+
+ ))}
+ {section.title}
+-
+ {section.items.map((item) => (
+
- + {item} + + ))} +
+
+
+
+
+ Resume workspace
+Analyze, rewrite, and tailor applications
++ Paste a resume to generate a hiring-ready report. Add a job description to create a customized cover letter. +
+
+
+
+