My Skills — AI Career Platform project screenshot 1 of 4 — case study by Syed Muhammad Hasnain Abdi

My Skills — AI Career PlatformAI-Powered SaaS Case Study

Full Stack & AI Developer (Solo)Jul 2026AI-Powered SaaS
Next.js 16TypeScriptPrismaSQLiteNextAuth.jsz-ai-web-dev-sdkshadcn/ui

Overview

My Skills is a comprehensive AI-powered career development platform built with Next.js 16. It features 7 dedicated AI tools including a Career Assistant chatbot, Resume Analyzer with ATS scoring, AI Resume Builder with 5 templates, Cover Letter Generator, Skill Gap Analyzer, Career Roadmap planner, and Mock Interview prep with real-time feedback. The platform includes a full job board with application tracking, a recruiter portal for candidate management, and an extensive admin dashboard with 8 tabs covering analytics, user management, security, and content control. It supports 3 user roles (User, Recruiter, Admin), 22 database models, achievements/gamification system, and full dark mode support.

See more of my featured projects or learn about my development services.

The Problem

Job seekers in Pakistan and globally have no single platform that combines AI resume building, ATS scoring, mock interviews, skill-gap analysis, cover letter generation, and a job board in one place. Most career tools are scattered, expensive, or US-only. As an AI Application Developer I wanted to build a platform where a fresh graduate could upload their resume, get an instant ATS score, generate an AI-tailored cover letter for any job posting, practice mock interviews with feedback, and apply to jobs — all in one workflow.

The Solution

My Skills is a comprehensive AI-powered career development platform with 7 dedicated AI tools: Career Assistant chatbot, Resume Analyzer with ATS scoring, AI Resume Builder with 5 templates, Cover Letter Generator, Skill Gap Analyzer, Career Roadmap planner, and Mock Interview prep with real-time feedback. The platform includes a full job board with application tracking, a recruiter portal for candidate management, and an extensive admin dashboard with 8 tabs covering analytics, user management, security, and content control. Three user roles (User, Recruiter, Admin) are supported with NextAuth.js authentication and 22 database models.

Tech Stack

Next.js 16 App Router with TypeScript delivers the entire SaaS. Prisma ORM abstracts 22 database models against SQLite (production-ready for swap to PostgreSQL). NextAuth.js handles authentication with role-based access control. The z-ai-web-dev-sdk powers all 7 AI tools — resume analysis, resume building, cover letter generation, skill gap analysis, career roadmaps, mock interviews, and the career assistant chatbot. Zustand manages client state, TanStack Query handles server state, and Recharts visualizes analytics. The platform supports dark/light themes via next-themes and is fully mobile-first responsive.

Results & Outcomes

7 production-grade AI tools powered by z-ai-web-dev-sdk
AI Resume Builder with 5 templates: Modern, Corporate, Minimal, Creative, Executive
Mock interviews in 5 formats: HR, Technical, Behavioral, Aptitude, Coding
Full job board with application tracking pipeline (Saved → Applied → Screening → Interview → Offer → Hired)
Recruiter portal for posting jobs and managing candidate pipeline
Admin dashboard with 8 tabs covering analytics, security, content, and reports

Key Features

7 AI Tools: Career Assistant, Resume Analyzer, Resume Builder, Cover Letter, Skill Gap, Roadmap, Interview Prep
AI Resume Builder with 5 templates: Modern, Corporate, Minimal, Creative, Executive
Mock interviews with 5 types: HR, Technical, Behavioral, Aptitude, Coding
Full job board with search, filter, apply, and application tracking pipeline
Recruiter portal for posting jobs and managing candidate pipeline
Admin dashboard with 8 tabs: Overview, Users, Skills, AI Performance, Content, Security, Activity, Reports
Profile scoring system: resume score, career readiness, skills, education, experience, portfolio, certifications
Achievements & gamification with badges, points, levels, and progression tracking
Security tools: login attempt tracking, IP blocking, session management, audit logs
22 database models with Prisma ORM and NextAuth.js authentication
Dark/light theme with next-themes and responsive mobile-first design
Zustand + TanStack Query for state management, Recharts for analytics

Share this case study

Found this useful? Share it with your network.