A modern, feature-rich web application for tracking Codeforces programming contests. Built with React, TypeScript, and Tailwind CSS, providing real-time contest information and participant standings.
-
Contest Management
- Real-time list of all Codeforces contests
- Advanced filtering system (upcoming, ongoing, past)
- Smart search functionality for contest names
-
Standings Visualization
- Detailed contest standings
- Participant search capabilities
- Performance metrics tracking
-
User Experience
- Responsive design for all devices
- Dark/Light theme toggle
- Intuitive navigation
Node.js >= v14.0.0
npm >= v6.0.0 or yarn >= v1.22.0
- Clone the repository
git clone https://github.com/ragibmondal/codeforces-contest-tracker.git
cd codeforces-contest-tracker
- Install dependencies
npm install # or yarn install
- Configure API credentials
// src/utils/api.ts
export const API_CONFIG = {
KEY: 'your_codeforces_api_key',
SECRET: 'your_codeforces_api_secret',
BASE_URL: 'https://codeforces.com/api'
};
npm run dev # or yarn dev
Navigate to http://localhost:3000
in your browser.
npm run build # or yarn build
Production files will be generated in the dist
directory.
npm run lint # or yarn lint
src/
├── components/ # Reusable React components
├── hooks/ # Custom React hooks
├── types/ # TypeScript type definitions
├── utils/ # Utility functions and helpers
├── App.tsx # Main application component
└── main.tsx # Application entry point
We welcome contributions! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature
) - Commit your changes (
git commit -m 'feat: add amazing feature'
) - Push to the branch (
git push origin feature/amazing-feature
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Made with ❤️ Ragib Hasan