Competitive Programming Platform - Frontend

This is the frontend for a modern, feature-rich competitive programming platform. Built with React, Vite, and TypeScript, this project provides a fast, responsive, and user-friendly interface for programmers to practice, compete, and discuss problems.

✨ Features

• Contest System: Participate in time-based contests with various scoring systems (ICPC, IOI).
• Problem Library: A filterable and searchable library of programming problems.
• Real-time Standings: Live contest standings powered by WebSockets.
• Code Submission: In-browser code editor with support for multiple languages.
• User Profiles: Track progress and submission history.
• Responsive Design: Fully responsive layout for seamless use on any device.
• Dark Mode: Switch between light and dark themes.

🚀 Technologies Used

• Framework: React
• Build Tool: Vite
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• State Management: React Hooks & Context API
• Routing: React Router

📦 Installation and Setup

To get the development environment running, follow these simple steps.

Prerequisites

• Node.js (version 18.x or higher)
• pnpm (or your package manager of choice: npm, yarn)

Running the Development Server

1. Clone the repository:

   git clone https://github.com/your-username/your-repo-name.git
   cd your-repo-name

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm run dev

4. Open your browser and navigate to http://localhost:5173 (or the port specified in the output).

scripts t

• pnpm dev: Starts the development server.
• pnpm build: Builds the application for production.
• pnpm preview: Serves the production build locally.
• pnpm lint: Runs ESLint to check for code quality issues.
• pnpm format: Formats code using Prettier.

---

This project was bootstrapped with Vite.