sammyfilly-_-liftoff's Introduction

Liftoff Interviews

Mock Interview Simulator with AI-Powered Feedback

Introduction · One-click Deploy · Tech Stack + Features · Author

Introduction

Liftoff is an interview preparation tool that provides AI feedback on your mock interviews.

One-click Deploy

You can deploy this template to Vercel with the button below:

You can also clone & create this repo locally with the following command:

npx create-next-app liftoff --example "https://github.com/Tameyer41/liftoff"

Tech Stack + Features

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

Liftoff 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.