CP-HUB

CP-HUB is a competitive programming page dedicated to the passionate coding enthusiasts at the National Institute of Technology Agartala (NITA). It serves as a one-stop destination for all things related to competitive programming, offering resources, competitions, and a vibrant community.

Features

CP-HUB offers a range of features to support and enhance your competitive programming journey:

Learning Path and Resource Guide

• Follow a comprehensive learning path designed to guide you from beginner to advanced levels in competitive programming.
• Access a curated list of the best resources, tutorials, articles, and video lectures for each topic in the learning path.
• Explore topic-wise resource guides to find the most relevant materials for specific programming concepts and algorithms.

Timeline-based Learning Roadmap

• Benefit from a well-structured timeline-based learning roadmap that outlines the recommended order of topics to learn.
• Easily visualize the progression of your learning journey and understand when to focus on each topic.
• Stay organized and track your progress as you advance through different stages of the learning roadmap.

Direct Access to Codeforces A2OJ Ladder

• Gain direct access to the Codeforces A2OJ ladder problem set, a popular collection of programming problems.
• Experience a beautiful, intuitive, and dynamic user interface that enhances your problem-solving experience.
• Solve problems from different difficulty levels and track your progress as you climb the ladder of coding proficiency.

Integrated Code Editor and Execution

• Code directly in the browser using the integrated code editor that supports multiple programming languages, including C++.
• Execute your code instantly and see the output without the need for any local setup.
• Debug and refine your code within the same environment, streamlining your coding process.

Leaderboard and Ranking

• Compete with fellow programmers and track your progress on the CP-HUB leaderboard.
• Earn rankings based on your performance in coding contests and challenges.
• Gain recognition for your skills and compare your standing among other community members.

Active CP Community

• Join a highly active and supportive competitive programming community.
• Engage in discussions, ask questions, and share your knowledge with other members.
• Collaborate on problem-solving techniques and learn from the experiences of fellow programmers.

CP-HUB strives to provide a comprehensive platform that empowers competitive programmers to learn, practice, and grow within a vibrant community.

Technologies Used

Front-End Technologies

• React: A JavaScript library for building user interfaces, providing a fast and dynamic front-end experience.
• React Icons: A library of customizable icons for React applications, enhancing the visual appeal of the user interface.
• React Router DOM: A routing library for React applications, enabling smooth navigation and handling of different routes.
• Tailwind CSS: A utility-first CSS framework that offers a highly customizable and responsive design system.
• JSX: A syntax extension for JavaScript, used with React to define the structure and appearance of components.
• JavaScript: The programming language that powers the interactive and dynamic behavior of CP-HUB.
• Monaco: A browser-based code editor that provides a rich development environment for coding and debugging.

Back-End Technologies Backend-deployed-repo

• Express: A fast and minimalist web application framework for Node.js, serving as the backbone of the CP-HUB back-end.
• MongoDB: A flexible and scalable NoSQL database used to store and manage data in a structured manner.
• Netlify: A cloud-based hosting platform that enables seamless deployment and hosting of the CP-HUB front-end.
• Cycle: A reliable hosting service for the CP-HUB back-end, ensuring smooth and uninterrupted access to the application's server-side functionalities.

These technologies work in tandem to create a seamless and feature-rich environment for competitive programming enthusiasts on CP-HUB.

Local Setup

To set up CP-HUB locally, follow the steps below:

1. Fork the CP-HUB repository from [insert repository URL].

2. Clone the forked repository to your local machine.

3. Navigate to the project directory.

4. Create a new file named .env in the root directory of the project.

5. Add the required API keys and environment variables in the .env file. Make sure to include the necessary configurations for accessing external services or APIs used in the project.

6. Install the required packages and dependencies by running the following command:

   npm install
   

7. Once the installation is complete, start the development server by running the following command:

   npm start
   

8. Open your browser and visit http://localhost:3000 to access CP-HUB locally.

Deployed Link

CP-HUB is deployed and hosted on Netlify. You can access the deployed version by following this link: CP-HUB Deployed Link

Dream Code Conquer!

With CP-HUB, let your dreams take flight as you conquer the world of competitive programming. Enhance your skills, participate in contests, and join a vibrant community that shares your passion for coding excellence. Let's code together and turn our dreams into reality!