Source Code
Try Demo
AI Interviewer
is an interview preparation tool that provides AI feedback on your mock interviews.
Frameworks
Next.js – React framework for building performant apps with the best developer experience
Platforms
Vercel – Easily preview & deploy changes with git Upstash - Serverless Data Platform (here using serverless Redis for rate limiting)
UI
Tailwind CSS – Utility-first CSS framework for rapid UI development Framer Motion – Motion library for React to animate components with ease ImageResponse – Generate dynamic Open Graph images at the edge HeadlessUI - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
Code Quality
TypeScript – Static type checker for end-to-end typesafety Prettier – Opinionated code formatter for consistent code style ESLint – Pluggable linter for Next.js and TypeScript
Miscellaneous
FFMPEG.WASM – Transcode video/audio files React Webcam - Webcam component for React Stripe Gradient Animation - @jordienr released a Mesh Gradient that uses WebGL and animates a beautiful gradient
How it all works
The web application uses FFmpeg to transcode the raw video into MP3. Chrome, Safari, and Firefox all record with different codecs, and FFmpeg is great for standardizing them. We then send the audio directly to be transcribed by OpenAI’s Whisper endpoint, and then stream feedback from the edge using OpenAI’s gpt-3.5-turbo.