MockBuddy

Elevate interview skills and skyrocket your career with MockBuddy.

Comment 1

Inspiration

The inspiration for our project, MockBuddy, comes from the fear everyone has when applying for a job or internship: The interviewing process. It's not a very approachable task, and certainly not one most people can maneuver with confidence.

With Mockbuddy, you can get a highly accurate idea of what your interviews will look like, and prepare engaging, thought-provoking responses that will help you crush your interviews with ease.

What it does

Tailored to simulate real-world interview scenarios, MockBuddy makes sure that you're not just ready for the job, but uses machine learning algorithms that adapt to your unique strengths and weaknesses, providing targeted practice and boosting your confidence for any interview scenario.

You start by signing up with your Google email. Once you have an account, you can add questions in your 'My Questions' tab within MockBuddy. After, these questions will be used once you head to the practice suite, where you can record yourself answering an interview question. After recording, we use the latest in AI and Speech-to-text technology to get your response, judge it, give your answer a grade, feedback tips, and additionally, a score.

How we built it

  • Firebase for Authentication
  • Chakra-UI for an easy, accessible component library
  • Lottie for drop in animated SVGs
  • Next.js v13 for a full-stack web development framework
  • React-webcam for a reusable webcam component
  • Moment.js for date-parsing
  • ffmpeg for a versatile video toolkit (encoding, decoding, etc.)
  • OpenAI Whisper for robust speech recognition
  • Prettier and ESlint for code formating and ruling
  • Framer-motion for easy-to-use component animations

Challenges we ran into

  • Crafting the radial gradient on the landing page
  • Finding time to work as a team since we're all busy college students
  • Managing varying experience levels and skillsets
  • Integrating OpenAI Whisper

Accomplishments that we're proud of

  • Finishing our project's client site
  • Having a visually complex UI that is production-ready
  • Using the Next.js 13/14's app router to build an E2E application
  • Working together on the project for the first time
  • Learning a new framework for authentication

What's next for MockBuddy

  • Get the full-stack service integrated with full functionality
  • Deploy to a cloud hosting service (or self, who knows!)
  • Polish the UI even further and add mobile support for every page
  • Add more community-oriented features ("chat rooms, friends, discussion forums)

Built With

Share this project:

Updates