LIVE LINK : https://crackcompetitivecode.netlify.app/
CodeCracker is a web application designed to help competitive programmers track and visualize their performance across various online coding platforms such as Codeforces, LeetCode, and CodeChef. It fetches real-time user stats and displays detailed insights into progress, problem-solving stats, ratings, and streaks.
- Progress Tracking: Visualizes your progress with interactive charts and graphs.
- API Integration: Fetches data from popular competitive programming platforms (Codeforces, LeetCode, CodeChef).
- Problem Stats: Displays detailed statistics of problems solved, including difficulty, categories, and accuracy.
- Rating Insights: Tracks your rating progress and provides a graphical representation of your journey.
- Streak Tracking: Keeps track of your streaks to motivate consistent problem-solving.
SCREENSHOTS:
- Frontend: React.js, Material UI
- Backend: Node.js Express.js MongoDB
- API Integration: Codeforces, LeetCode, CodeChef APIs
- Visualization: Charts and graphs for displaying stats
git clone https://github.com/yourusername/CodeCracker.git
2. Navigate to the project directory:
cd CodeCracker
3. Install dependencies for the frontend and backend:
Frontend Setup (React):
Navigate to the frontend directory:
cd frontend
Install the necessary dependencies:
npm install
Backend Setup Node.js
Navigate to the backend directory:
cd backend
Install the necessary npm dependencies:
npm install
4. Run the servers:
Frontend:
cd frontend
npm run dev
Backend Node.js:
cd backend
npm run dev
Usage:
Open the frontend in your browser after the server starts.
Login with your competitive programming platform account to view and track your stats.
Explore various visualizations, including your problem-solving progress, rating changes, and streaks.
Contributing:
Feel free to fork the repository, make changes, and submit pull requests. Any contributions or suggestions are welcome!