Codepen Clone – Online Code Editor

A browser-based code editor that lets users write HTML, CSS, and JavaScript with live preview, inspired by CodePen.

Overview

A frontend code playground built with React that provides separate editors for HTML, CSS, and JavaScript with a real-time rendered preview pane. Users can write and experiment with web code directly in the browser and see results instantly.

Key Achievements

Built a multi-pane code editor with separate HTML, CSS, and JavaScript panels and a live-rendered iframe preview.

Implemented real-time code compilation and preview rendering on every keystroke.