Job Post Analyzer

A React application that analyzes job descriptions against your profile with a 4-step workflow, providing detailed match percentages and actionable insights.

Live Demo | Video Demo

---

📸 Application Preview

Step 1: Role, Experience Selection

1: Step 2: Skills Selection

1: Step 3: Job Description

Step 4: Analysis Results

History Dropdown

---

🎯 Key Features

1. 4-Step Analysis Workflow

1. Choose Role - Select from 12+ tech roles
2. Select Skills - Pick from 60+ technical skills with search
3. Paste Job Description - Any job board, any format
4. View Analysis - Get detailed match breakdown

2. Smart Matching Algorithm

• 50% Skills Match - Your skills vs job requirements
• 25% Role Compatibility - Role keyword analysis
• 25% Experience Alignment - Experience level comparison
• Color-coded results - Green/Yellow/Red based on match score

3. History & Persistence

• Dual storage system: Backend API + localStorage fallback
• Save analyses for future reference
• Load previous matches with one click
• Clear history functionality

4. Professional UI/UX

• Dark/Light mode toggle
• Responsive design - Mobile to desktop
• Visual progress indicators
• Interactive skill selection

---

🛠️ Tech Stack

Frontend

• Framework: React 18 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Deployment: Netlify

Backend

• Runtime: Node.js + Express
• Database: MongoDB Atlas
• Deployment: Render
• Language: TypeScript

---

🚀 Running Locally

📁 Running Locally

Step-by-Step Setup

1. Clone repository

git clone https://github.com/RaffyLeong/Job-Analyzer.git cd Job-Analyzer

2. Install frontend dependencies

cd frontend npm install

3. Start development server

npm run dev