How I Built LaunchTrack: An AI Career Coach with Next.js and Gemini API

Hey everyone! 👋

I'm excited to share my latest project - **LaunchTrack**, an AI-powered career coaching platform. In this post, I'll walk you through how I built it and the technologies I used.

## 🚀 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:** [launchtrack.vercel.app](https://launchtrack.vercel.app)
**GitHub:** [github.com/vipinyadav01/aicareercoach](https://github.com/vipinyadav01/aicareercoach)

## 🛠️ 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 get personalized career guidance based on their profile and goals.

### 2. Resume Analysis

Upload your 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

┌─────────────────────────────────────────────┐
│ Next.js App │
├─────────────────────────────────────────────┤
│ Pages │ API Routes │ Server Actions │
├─────────────────────────────────────────────┤
│ Prisma ORM │
├─────────────────────────────────────────────┤
│ PostgreSQL │ Gemini API │ Inngest │
└─────────────────────────────────────────────┘

## 🎯 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:** [devxvipin.me](https://devxvipin.me)
- **GitHub:** [github.com/vipinyadav01](https://github.com/vipinyadav01)
- **LinkedIn:** [linkedin.com/in/vipinyadav01](https://linkedin.com/in/vipinyadav01)

---

Thanks for reading! Let me know if you have any questions in the comments.

Follow me for more web development content! 🚀

#nextjs #ai #webdev #javascript