Mock Interview Simulator with Conversational AI-Powered Feedback

Introduction · Tech Stack + Features ·

Introduction

CodeCrack is an interview preparation tool that provides AI speech-to-speech feedback on your mock interviews, helping you crack your real interview.

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)
• ElevenLabs - Conversational AI Integration

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

CodeCrack is powered by ElevenLabs' AI and Vercel's web platform.