How I Built LaunchTrack: An AI Career Coach with Next.js and Gemini API
Source: Dev.to
๐ What is LaunchTrack?
LaunchTrack is an AI career coach that helps job seekers with:
- Personalized job search support
- Interview preparation
- Resume analysis
- Career advice powered by AI
Live Demo:
GitHub:
๐ ๏ธ Tech Stack
- Frontend: Next.jsโฏ14 (App Router)
- AI: Google Gemini API
- Database: Prismaโฏ+โฏPostgreSQL
- Authentication: Clerk
- Styling: Tailwind CSSโฏ+โฏShadcn UI
- State Management: Zustand
- Background Jobs: Inngest
๐ก Key Features
1. AIโPowered Career Advice
Using Google Gemini API, users receive personalized career guidance based on their profile and goals.
2. Resume Analysis
Upload a resume and get instant AI feedback on how to improve it.
3. Interview Preparation
Practice with AIโgenerated interview questions tailored to your target role.
4. PWA Support
Works offline and can be installed as a mobile app.
๐ง Architecture Overview
(Architecture diagram omitted for brevity.)
๐ฏ Challenges & Solutions
Challengeโฏ1: Rate Limiting Gemini API
Solution: Implemented request queuing with Inngest background jobs.
Challengeโฏ2: Streaming AI Responses
Solution: Used Next.js Edge Runtime with streaming responses.
Challengeโฏ3: PWA Offline Support
Solution: Configured next-pwa with custom serviceโworker caching.
๐ Results
- โก Lighthouse Score: 95+
- ๐ฑ PWA: Installable on all devices
- ๐ Security: A+ rating
๐ Links
- Portfolio:
- GitHub:
- LinkedIn: