PrepWise is a web platform I built to help users prepare for job interviews using AI voice agents.
While learning from tutorials and references, I implemented:
- AI-powered interviews
- Real-time feedback
- Modern UI/UX
- Integration of multiple technologies (Next.js, Firebase, Tailwind CSS, Vapi AI)
This project helped me strengthen my full-stack development skills and gain hands-on experience with AI integrations.
- Frontend & Backend: Next.js
- Authentication & Database: Firebase
- Styling: Tailwind CSS
- AI Voice Agents: Vapi AI
- Utilities: shadcn/ui, Google Gemini, Zod
- Authentication: Sign up and log in using Firebase email/password
- AI Interview Generation: Create interviews using AI voice agents
- Feedback: Get detailed AI feedback based on mock interviews
- Dashboard: Track interviews, scores, and transcripts
- Responsive Design: Fully responsive UI
- Modern UI/UX: Clean and interactive interface
Prerequisites:
Clone the Repository:
git clone https://github.com/Nish2005karsh/PrepWise.git
cd PrepWiseInstall Dependencies:
npm installSet Environment Variables: Create env variables
NEXT_PUBLIC_VAPI_WEB_TOKEN=
NEXT_PUBLIC_VAPI_WORKFLOW_ID=
GOOGLE_GENERATIVE_AI_API_KEY=
NEXT_PUBLIC_BASE_URL=
NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
FIREBASE_PROJECT_ID=
FIREBASE_CLIENT_EMAIL=
FIREBASE_PRIVATE_KEY=Run the Project
npm run dev🗂️ Project Structure
app/ – Main frontend pages
lib/ – Utility functions & helpers
components/ – Reusable React components
constants/ – Static data and configuration
styles/ – Tailwind and custom styles
app/api/ – API routes for AI interactions