🧠 What is GapGraph?

GapGraph is an all-in-one AI-powered platform designed to help developers, students, and job seekers identify their gaps, track their growth, and close the distance between where they are and where they want to be.

It combines three powerful tools under one roof:

• 🤖 AI Resume Checker — Get instant AI feedback on your resume
• 📊 Analytics Dashboard — Visualize your personal data & growth
• 🗺️ Skill Roadmap Tracker — Plan and track your learning journey

✨ Features

🤖 1. AI Resume Checker

• Upload or paste your resume directly into the platform
• AI scores your resume across 5 key categories:
  • 📝 Clarity & Readability
  • 🔑 Keywords & ATS Optimization
  • 🎨 Formatting & Structure
  • 💥 Impact & Action Verbs
  • 📌 Relevance & Completeness
• Receives an overall letter grade (A–F)
• Get specific, actionable fix suggestions for each category
• Optionally enter a target job role to receive role-tailored feedback
• Side-by-side comparison of before vs after improvements

---

📊 2. Graph / Analytics Dashboard

• Interactive dashboard to visualize your personal growth data
• Supported data sources:
  • 🐙 GitHub activity & contribution stats
  • 📚 Learning progress & course completions
  • 💰 Personal finance tracking
  • 📈 Custom user-uploaded CSV/JSON data
• Features include:
  • Real-time & historical trend lines
  • Filters by date range, category, and metric
  • Multiple chart types — bar, line, pie, heatmap
  • Export charts as PNG or PDF

---

🗺️ 3. Skill Roadmap Tracker

• Pick a learning goal (e.g. "Become a Full Stack Developer", "Learn DevOps", "Master DSA")
• Get a curated, step-by-step roadmap of skills and resources
• Each roadmap node includes:
  • 📖 Recommended free & paid resources
  • ⏱️ Estimated time to complete
  • 🏷️ Difficulty level (Beginner / Intermediate / Advanced)
• Mark progress as you go — visualize your % completion
• Track streaks and set personal deadlines
• Share your roadmap progress publicly

🛠️ Tech Stack

Frontend

Backend

Database & AI

Tools & Deployment

🗂️ Project Structure

GapGraph/
├── client/                   # React frontend
│   ├── src/
│   │   ├── components/       # Reusable UI components
│   │   ├── pages/            # Resume, Dashboard, Roadmap pages
│   │   ├── store/            # Redux state management
│   │   └── utils/            # Helper functions & API calls
├── server/                   # Node.js + Express backend
│   ├── controllers/          # Route controllers
│   ├── models/               # MongoDB schemas
│   ├── routes/               # API routes
│   └── middleware/           # Auth & error handling
└── README.md

🚀 Getting Started

Prerequisites

• Node.js >= 18.x
• MongoDB (local or Atlas)
• OpenAI API Key

Installation

# Clone the repository
git clone https://github.com/SwarajPrajapati2006/GapGraph.git
cd GapGraph

# Install server dependencies
cd server
npm install

# Install client dependencies
cd ../client
npm install

Environment Variables

Create a .env file in the /server directory:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
OPENAI_API_KEY=your_openai_api_key

Run the App

# Run backend (from /server)
npm run dev

# Run frontend (from /client)
npm run dev

App runs on http://localhost:5173 (frontend) and http://localhost:5000 (backend)

🛣️ Roadmap

• Project planning & UI/UX design
• Authentication (Register / Login / JWT)
• AI Resume Checker — upload & scoring
• Analytics Dashboard — charts & filters
• Skill Roadmap — goal picker & progress tracker
• GitHub OAuth integration
• Public roadmap sharing
• Mobile responsive UI
• Deployment on Vercel + Render

👤 Author

Swaraj Prajapati

• 🌐 Portfolio
• 💼 LinkedIn
• 🐦 X (Twitter)
• 💻 GitHub

⭐ If you like this project, consider giving it a star!