CodeArena is a frontend web application designed as a sleek and responsive coding platform for programmers and competitive coders. Built with Next.js, React, and Tailwind CSS, it features an intuitive interface for browsing problems, writing code, viewing submissions, and tracking user performance.
⚠️ This is a frontend-only project. Backend APIs are assumed to be available separately or mocked during development.
-
🧩 Problem List & Details
Browse a list of algorithmic problems with filters for difficulty and tags. View individual problem descriptions and constraints. -
💻 Online Code Editor
Code with a rich-text editor (powered by CodeMirror or Monaco Editor) and test with custom input/output. -
📊 User Dashboard
View submission history, solved problems, and basic stats (assumed via API integration). -
🏆 Contests Page
Explore ongoing and past contests with countdown timers and virtual participation options. -
🌙 Responsive & Theme-Switching UI
Fully responsive design with optional light/dark mode toggle.
- Framework: Next.js
- Library: React
- Styling: Tailwind CSS
- Icons: Lucide, Heroicons
- Routing & SSR: Handled via Next.js