pipterview 🫪 ⋆⭒˚.⋆

an extra view for your interviews.

What is it?

3D world to help tech students overcome interview anxiety. Created for the FDM and healthcare/well-being tracks :D

Why

As students in tech, we know getting chosen for an interview is comparable to the pot of gold at the end of the rainbow.

But what happens when we’re too lost, overwhelmed, and anxious to know how to prepare?

Seeking help is hard, and starting is often the biggest mountain.

That's why we made pipterview: another set of eyes, ears, and advice for the words you can’t quite get out, the code you don’t know how to write, the skills you can’t explain.

To make interview prep less scary.

And ultimately, to make it an everyday part of your life. To encourage consistency, over catastrophe.

How it works

Add context about yourself - like your resume and target roles. Then, choose which type of interview (behavioural, technical, resume skills quiz) you want to practice.

Talk through it with Pip, building skills and seeing a summary of your performance after each session! Be incentivized to continue your efforts with plants for your island garden! 🌺🪴🪻

The technical mocks are done inside our own code editor, built with Monaco Editor and the real Python interpreter Pyodide compiled to WebAssembly to work end-to-end. It's complete with a test-harness generator for C/C++/Java, a grading layer, and exact or any-order comparison for questions with multiple correct answers.

Made with

  • Three.js + React Three Fiber
  • Tailwind CSS
  • Next.js 16, React.js 19, TypeScript
  • Claude via Anthropic SDK
  • ElevenLabs

Designed for

Students recruiting for tech internships.

Known limitations

  • Everything is stored locally for ease of access. You reset your progress in a new browser.
  • Latency. Talking to the interviewer is still finicky, especially when having a back and forth conversation. Responses can be slow to load, and there were some times we'd get cut off or talked over, not something ideal in the process of interview prep.
  • C, C++ and Java are turned off in the deployed version of the app, for safety reasons. Since those languages need to be run on a server, foreign code needs a proper sandbox. Until we add one, only Python, JavaScript and TypeScript run in the deployed app, straight in the browser.
  • API limits, currently has a rate limit on the public users so anyone can use the app but not indefinitely.

Particularly proud of

  • Using React Three Fiber with Three.js to create the 3D character mascot for the UI!
  • Juyeon designing the Pip logo by hand, as well as various icons throughout the project.
  • Spending a lot of time scoping down features for the project, tailoring it to a specific narrative
  • The part we were most nervous about not working was the IDE code editor feature. Especially, accommodating 6 different languages, showing errors and test runs for all of them.

What's next!

  • Rounds of system design interviews as one of the selectable types, since this is in high demand.
  • More customizable features for the user, including speed of speech + accessibility controls
  • Community features, where students can mock interview each other within this 3D world.
  • Improvements on the results and feedback interface - the design of which was not thought through in depth.
  • We would like to have spent more time solidifying the user experience through specific user flows and screens, as well as receiving critique from users to validate if something like pipterview would actually help to reduce friction-induced anxiety. Our next step!

hey, thanks for checking out pipterview ٩(^ᗜ^ )و ´- until next time...

Built With

  • claude
  • elevenlabs
  • figma
  • monacoeditor
  • next.js
  • pyodide
  • react.js
  • tailwindcss
  • three.js
  • typescript
  • webspeechapi
Share this project:

Updates

Submission history