# LeetCode Clone

> A coding-practice interface with problem browsing, an editor, examples, and submission feedback. Built with Next.js, TypeScript, and Firebase.

- Author: Benjamin Zhuang
- Category: Developer learning
- Context: Independent full-stack build
- Years: 2023–2025
- Stack: Next.js, React, TypeScript, Tailwind CSS, Firebase
- Source: https://github.com/Benjaminnnnnn/leetcode-clone
- Web page: https://benjaminnnnnn.github.io/portfolio/leetcode-clone/

**Keep the problem beside the code.**

## Key figures

- 2-pane: problem and editor workspace
- Typed: React application state
- Instant: submission feedback loop

## Keep the problem and editor together.

The interface brings the problem statement, examples, and editor into a shared workspace so they can be read together.

## Leave room for the code.

The split layout separates reading from editing. Compact controls keep problem navigation close to the active task.

## Build the practice flow.

The project connects a typed React interface to Firebase services. It is a coding-practice clone, with no claim of a production-grade isolated code-execution service.