Interview Simulator banner

Interview Simulator

2 devlogs
9h 22m 32s

I built this Interview Pro Simulator to make interview preparation more practical instead of just reading questions. The idea was to create a simple tool where users can actually practice answering questions under a time limit and see how well the…

I built this Interview Pro Simulator to make interview preparation more practical instead of just reading questions. The idea was to create a simple tool where users can actually practice answering questions under a time limit and see how well they perform.
The project includes category-based questions (HR and Technical), a timer system, and a basic feedback mechanism that evaluates answers based on length and keywords. I also added features like voice input, score tracking, and storing past attempts using localStorage so users can track their improvement over time.

I tried to keep the UI clean and modern with smooth animations so that it feels like a real product rather than just a basic project. Overall, this project helped me understand how to combine JavaScript logic with UI design to build something interactive and useful.

This project uses AI

Using ChatGPT made the development process faster and helped me learn new concepts while building something practical.

Demo Repository

Loading README...

swetamehra25

🎥 Devlog – Demo & Testing

After completing the main features of the Interview Pro Simulator, I recorded a demo video to show how the project works in real time. In the video, I start by selecting a category and then go through the full interview flow, answering questions within the given time limit.

While recording, I focused on demonstrating all the key features like the timer, answer input, and how the system moves from one question to another. I also showed how the scoring and feedback system works at the end, along with the saved attempt history and performance graph.

This step helped me test the project from a user’s perspective. I noticed a few small UI issues and timing glitches during recording, which I later fixed. Recording the demo also gave me a better understanding of how smooth and user-friendly the application feels.

Overall, creating the demo video was useful not just for showcasing the project, but also for final testing and improving the overall experience.

0
swetamehra25

🛠️ Devlog – Interview Pro Simulator

I started this project with the idea of making interview preparation more interactive. Initially, I planned to build a very simple question-answer system, but as I progressed, I decided to add more features to make it feel closer to a real interview experience.

In the beginning, I focused on setting up the basic structure using HTML and styling it with CSS. I spent some time improving the UI because I didn’t want it to look like a basic project. I experimented with gradients, spacing, and layout to make it clean and modern.

After that, I worked on the core functionality using JavaScript. Implementing the timer was one of the key parts because it adds pressure similar to real interviews. I also added multiple questions and created a flow to move from one question to another.

Next, I added a scoring system based on the length of answers and some keywords. It’s not perfect, but it gives a basic idea of how well the user is responding. Then I integrated localStorage to save past attempts so users can track their progress over time.

One of the interesting parts was adding features like voice input and a performance graph. These made the project feel more advanced and interactive. I faced some issues while handling the timer and updating the UI dynamically, but after debugging and testing, I was able to fix them.

Overall, this project helped me understand how to combine UI design with logic and build something that is both functional and user-friendly. It also improved my problem-solving skills and confidence in working with JavaScript.

Attachment
0