CF-Problem-Find is a web application that helps Codeforces users efficiently find problems based on specific criteria, such as difficulty levels, tags, or solved status. This tool is designed to enhance the practice experience for competitive programmers by simplifying the process of searching for problems.
- Difficulty Range: Get problems within each specific difficulty range.
- Solved/Unsolved: Filter problems based on whether they have been solved or remain unsolved.
- User Profile Integration: Fetch user data directly from Codeforces to tailor problem suggestions.
- Responsive Design: Optimized for both desktop and mobile use.
https://cf-problem-find.vercel.app/
- Frontend: React, HTML5, CSS3, JavaScript
- APIs: Codeforces API integration
- Deployment: Vercel
CF-Problem-Find/
├── public/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Different pages and routes
│ └── services/ # API integration and services
├── .gitignore
├── package.json
├── README.md
└── ...
- Node.js and npm installed
- Basic understanding of React
-
Clone the repository:
git clone https://github.com/07nainankit/CF-Problem-Find.git cd CF-Problem-Find -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000.
To deploy the project, build the application using:
npm run buildYou can deploy the build directory to your preferred hosting service.
Contributions are welcome! Please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature/your-feature) - Commit your changes (
git commit -m 'Add your feature') - Push to the branch (
git push origin feature/your-feature) - Create a Pull Request
If you encounter any issues or have suggestions for improvement, feel free to open an issue in this repository.
This project is licensed under the MIT License - see the LICENSE file for details.
For questions, suggestions, or collaboration, feel free to reach out to Ankit Nain.