The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
🚀 Introducing PrepMate AI – An AI-Powered Mock Interview Platform
Over the last 2 months, I designed and developed PrepMate AI, a full-stack web application that helps candidates prepare for interviews through realistic AI-powered interview simulations.
Rather than building a simple chatbot, I focused on creating a complete interview preparation ecosystem with voice interactions, performance analytics, learning resources, and personalized interview experiences.
💡 What I Built
✅ Authentication & Secure User Management
✅ Resume Upload & Role-Based Interview Generation
✅ AI-Powered Mock Interview System
• Resume-based Questions
• Project-based Questions
• Technical Questions
• Behavioral Questions
• Scenario-based Questions
• Dynamic Follow-up Questions
✅ Voice-Based Interview Experience
• Speech Recognition
• Speech Synthesis
• Real-time Voice Interaction
✅ Interview Monitoring Features
• Webcam Integration
• Focus Tracking
• Tab Switch Detection
✅ Analytics Dashboard
• Performance Insights
• Skill Evaluation
• Progress Tracking
• Strength & Weakness Analysis
✅ Personalized Learning Hub
• Technical Interview Resources
• Behavioral Preparation
• HR Question Bank
• AI-Powered Recommendations
🛠 Tech Stack
React.js • Vite • Tailwind CSS • Node.js • Express.js • MongoDB • JWT • AI Integrations • Web Speech API
This project strengthened my experience in:
• Full Stack Development
• AI Product Development
• API Integrations
• System Design
• Database Architecture
• User Experience Design
🔗 Live Demo
📂 GitHub
I'm currently available for freelance projects involving:
• React Applications
• MERN Stack Development
• AI-Powered Products
• SaaS Platforms
• Full-Stack Web Applications
If you're looking for a developer who can take a product from idea to deployment, let's connect.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Terra — AI Environmental Risk Platform
Designed the landing page and product UI for Terra — a platform that helps land developers and engineering teams see environmental risk (soil stability, tree canopy loss, water table depth) before breaking ground.
The challenge:
Development decisions are usually based on estimates, not real ground data — and by the time issues show up, it’s often too late to reverse them. The interface needed to make complex sensor/AI data feel immediate and trustworthy, without losing emotional weight.
The solution:
Raw, organic photography (wildflowers, grass, natural terrain) paired with clean glass-panel data cards — creating a visual tension between “nature” and “precision engineering.” Bold editorial typography carries the emotional message, while translucent metric cards surface real numbers: soil stability, canopy loss %, water table depth.
A strong example of turning dense environmental data into something a non-technical stakeholder can understand in seconds.
Nice one
Day 5/30: MISREGISTER
An operating-room case can still look ready on paper after it has stopped being operationally executable.
I built MISREGISTER to make that gap physical.
CASE 04 is connected to four changing dependencies:
— staffed OR team
— sterile instrument set
— postoperative ICU bed
— remaining operating-room time
As those windows drift apart, the operating list stays unchanged.
The signature moment: the crank freewheels to the end-stop while CASE 04 still reads SCHEDULED.
Only after that failed test does a human re-strike the case as DELAYED or RESEQUENCED.
This is not clinical decision support. It is a synthetic operational prototype exploring the difference between a scheduled slot and executable capacity.
Built with React, TypeScript, SVG, Playwright, Remotion, Claude Code, Kimi, Agent Reach, ChatGPT, and AI33Pro.
Live prototype:
https://faadil1.github.io/misregister-day-5/
Making readiness physically understandable instead of dashboard-inferred is such a good design goal, that's usually the exact gap that causes people to ignore dashboards in the first place. Curious to see where you take the physical interaction idea next.
How I turned a broken AI layout into a polished project utilizing Envato elements!
For this challenge, I wanted to test how far AI could take my project layout. I used an AI tool to generate the initial website structure, but the alignment and grid elements completely broke down.
To fix this, I manually restructured the entire layout, cleaned up the design harmony, and brought in high-quality assets from Envato to elevate the overall visual identity. Envato totally saved the day and turned a broken framework into a clean, modern, and production-ready interface!
Excellent execution! The attention to detail really stands out. Wishing you the best of luck in the competition! 🙌
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?