Technical Demo
Code Editor — Interview Project
Overview
A browser-based code editor built as a technical interview challenge. Supports multiple languages with syntax highlighting, code snippet management, and a clean developer-focused interface.
The Challenge
Build a functional code editor in the browser as a timed technical interview challenge, demonstrating frontend architecture skills and attention to developer experience.
The Solution
Built with Next.js and CodeMirror 6, featuring multi-language support (JavaScript, TypeScript, HTML, CSS, Python, JSON), code snippet saving, and state management with Redux Toolkit.
Tech Stack
Next.jsTypeScriptReactCodeMirror 6Redux ToolkitRedux SagaStyled-Components
Screenshots
Results
Successfully completed the interview challenge and received a job offer. Clean, functional editor demonstrating strong frontend skills under time pressure.