Mockey Interview

Title screen
Technologies
UI overview
choose level
login screen

Inspiration

We were inspired by leetcode and drew inspiration from our personal experiences with technical interviews. Leetcode has helpful content but lacks the design and features to keep their audiences actually captivated. The process of prepping for interviews can be more enjoyful if it was gamified to something similar of the games we grew up with. So we decided to combine practicality of leetcode with games to create Mockey Interview to help individuals prepare for their technical interviews.

What it does

You create an account and choose between the difficulty levels of easy, medium, and hard. Next you play as Mockey, a monkey trying to find a job. You go against John the cat, trying to defeat him in order to land your perfect job. You're able to talk to a virtual assistant to help you solve your interview problems. If you solve within the time limit, you throw a banana at John. If not, he throws a fish at you. If you solve three questions correctly, you win and John loses.

How we built it

We built Mockey Interview using next.js and TailwindCSS for the frontend components. The background, Mockey the monkey, and John the cat are all custom assets made by our designer. The HP logic and progression logic are made with JavaScript. We used anthropic API (Claude) for our virtual assistant, and for our leaderboard and account registration/login we used PostgreSQL with Neon. To secure the users, we used bcrypt to hash passwords and JWT for session tokens. We built our own code execution system. All of the assets (character sprites, backgrounds, and logo) were hand drawn and animated by one of our team members using clip studio paint.

Challenges we ran into

We had two members who have never submitted to a hackathon before. One member had never dealt with databases and built account registrations and login information. Another member had never used tailwind before for frontend. Hosting the domain was also a challenge seeing as we had to combine so many different APIs, custom assets and a database.

Accomplishments that we're proud of

Proud of the UI, concept, and figuring out new methods that we've never tried. Each of our members went out of their comfort zone to try and attempt something new.

What we learned

We learned lots about working within a team, new technologies, and multiple different libraries.

What's next for Mocky Interview

Building a resume parser so the AI bot can tell users what to improve upon. Also scrapping the leetcode database instead of hardcoding questions. Also want to add a leaderboard