Next.js frontend for JobSuite AI — a suite of AI-powered tools to help job seekers land their next role.
Live Demo: https://jobsuite-ai.vercel.app
Backend Repo: jobsuite-backend
Live API: https://jobsuite-backend.onrender.com
Three AI tools in one clean dashboard:
- Resume Analyzer — upload your resume, get a score, strengths, weaknesses, and specific improvements
- Cover Letter Generator — paste a job description, choose a tone, get a ready-to-send cover letter
- JD Matcher — see your match percentage, matched skills, missing skills, and AI tips
| Route | Description |
|---|---|
/ |
Landing page — hero, features, footer |
/dashboard |
Three-tab product dashboard |
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| State | React hooks |
| API | FastAPI + Groq Llama 3 |
| Deployment | Vercel |
# 1. Clone the repo
git clone https://github.com/Yusufcommit/jobsuite-ai.git
cd jobsuite-ai
# 2. Install dependencies
npm install
# 3. Set environment variable
echo "NEXT_PUBLIC_API_URL=http://localhost:8000" > .env.local
# 4. Start dev server
npm run devOpen http://localhost:3000
Make sure the backend is running first.
jobsuite-ai/
├── src/
│ └── app/
│ ├── page.tsx # Landing page
│ ├── dashboard/
│ │ └── page.tsx # Three-tab dashboard
│ └── components/
│ ├── Navbar.tsx
│ ├── Features.tsx
│ └── Footer.tsx
├── public/
├── tailwind.config.ts
└── next.config.ts
- Landing page with hero and features
- Resume Analyzer tab
- Cover Letter Generator with tone selector
- JD Matcher with skill gap detection
- Loading states and error handling
- Production deployment on Vercel
- Authentication
- Save results history
- Mobile polish
- Backend API: jobsuite-backend
- HireLens AI: hirelens-ai
Yusuf Abdirashid — AI Full Stack Developer
Building polished AI-powered tools for hiring and job applications.
