Dev Simplified

Winner of the people's choice award for the 2025 Uchicago Summer Tech Showcase

DevSimplified is an interactive platform designed to make problem-solving visual, intuitive, and interview-ready.
We combine real-time algorithm visualization with AI-powered mock interviews to help learners bridge the gap between theory and real-world interview performance.

---

Why DevSimplified?

Most developers struggle with two things when preparing for technical interviews:

1. Understanding Algorithms in Depth

   • Reading textbook pseudocode doesn’t always help.
   • It’s hard to “see” what’s happening in BFS, Dijkstra’s, or DP unless it’s animated and connected to actual code.

2. Practicing Real Interview Scenarios

   • Leetcode practice is useful, but doesn’t train communication.
   • Mock interviews are expensive and inaccessible for most learners.
   • Real interviews evaluate problem-solving, explanation, and delivery, not just code.

DevSimplified solves these challenges by merging live algorithm visualization with AI-driven interview simulations.

---

Features

1. Algorithm Visualization Tool

• Dynamic Code-to-Visual Sync – Write code in Python/JavaScript/Java and watch real-time visualizations (graphs, traversals, DP tables, etc.).
• Interactive AI Tutor – Ask “Why was this node visited first?” mid-execution and get step-by-step explanations.
• Debugging Mode – Detect inefficiencies, compare brute-force vs optimal, and get personalized suggestions.

2. Mock Interview Bot

• Technical Interviews – Code in a full IDE while an AI interviewer asks real questions, analyzes your reasoning, and gives structured feedback.
• Behavioral Interviews – Record video/audio responses; get content and delivery feedback (STAR method, filler words, tone, confidence).
• Detailed Reports – Metrics on solution accuracy, communication, and improvement recommendations.

---

Tech Stack

Frontend

• Vite + React

Algorithm Visualizer

• Cytoscape.js – Graph visualization for algorithms like BFS, DFS, Dijkstra’s
• CodeMirror – Embedded IDE for coding in-browser
• Pyodide – Run Python directly in the browser without a backend

Mock Interview

• Deepseek model (via OpenRouter) – AI interviewer for questions and feedback
• Web Speech Recognition API – Browser-native voice input/output (Chrome, Edge, Safari)

---

How It Works

1. Algorithm Visualization

   • User writes code → CodeMirror captures it → Pyodide executes Python → Visualization updates via Cytoscape in real time.

2. Mock Interviews

   • AI interviewer (Deepseek) conducts Q&A in text/voice.
   • Web Speech Recognition handles live speech-to-text.
   • Code and explanations are analyzed for performance and clarity.
   • End of session → Auto-generated feedback report.

---

Who Is It For?

• Students preparing for coding interviews
• Developers brushing up on algorithms
• Job seekers who want realistic mock interview practice
• Educators looking for interactive teaching tools

---

Roadmap

• Core algorithm visualizer
• Technical interview simulator
• Behavioral interview module (video-based feedback)
• Multi-language support (Java, C++, Go)
• Collaboration mode (peer-to-peer mock interviews with AI observer)