CodeArena is a comprehensive, state-of-the-art competitive programming and coding practice platform designed for the modern developer. It doesn't just stop at hosting problems; it leverages AI-driven insights to guide your learning journey and uses Computer Vision to ensure fair play during contests.
Whether you're a student preparing for interviews or a professional honing your skills, CodeArena provides a premium, interactive environment to excel.
- AI Personalized Roadmap: Get a custom-tailored DSA learning path (8-12 weeks) based on your target goal, current experience level, and daily time commitment. Powered by llama-3.3-70b-versatile, it identifies exactly what to study and which CodeArena problems to solve.
- AI Mock Interview: Experience a full technical interview conducted by an AI "Senior Software Engineer." It transitions seamlessly from behavioral/theoretical questions to a live coding round, providing a comprehensive final report with strengths, areas for improvement, and a performance score.
- AI Hints & Explanations: Struggling with a bug? Our Groq-powered AI provides context-aware hints and detailed code explanations to help you understand the why behind a solution.
- Advanced Code Compiler: A low-latency online judge that supports multiple programming languages. It features real-time test case execution, memory/time limit tracking, and instant feedback on code efficiency.
- Competitive Arena: Participate in high-stakes contests created by top tech companies. Features include live leaderboards, progress tracking (sequential unlock of problems), and integrated anti-cheat proctoring.
- Real-time Leaderboards: Keep track of global rankings, user ratings, and contest performance with instantaneous updates.
- Real-time Face Tracking: A dedicated Python-Flask service using MediaPipe and OpenCV to track head pose (tilt/yaw) and ensure the candidate is facing the screen.
- Integrity Alerts: Automatically detects multiple faces, camera obstruction, or suspicious movement, with the ability to disqualify participants in real-time.
- Activity Heatmap: A GitHub-style contribution graph that visualizes your daily coding consistency.
- Streak System: Earn and maintain daily streaks to stay motivated. Both current and maximum streaks are tracked to encourage long-term discipline.
- Badges & Ratings: Unlock unique badges for achieving milestones and climb the global rating ladder by solving complex problems and winning contests.
- Multi-Role Management: Role-based access control for Members, Admins, and Superadmins.
- Company Dashboard: Dedicated interface for partner companies to create, manage, and moderate their own coding contests and problem sets.
- Superadmin Control: Full platform oversight, including user moderation, contest scheduling, and system-wide performance analytics.
- React 19 & Vite: High-performance rendering and modern development workflow.
- Tailwind CSS: For a sleek, responsive, and developer-friendly UI.
- Framer Motion: Smooth, premium micro-animations and transitions.
- Lucide React: Beautifully crafted icons.
- Node.js & Express: Scalable API architecture.
- MongoDB & Mongoose: Flexible, schema-based data modeling.
- JWT Authentication: Secure, stateless user sessions.
- Nodemailer: For automated communication and notifications.
- Groq SDK: Blazing-fast inference for generating AI roadmaps, hints, and interviews.
- Python-Flask Service: Dedicated API for Computer Vision tasks.
- MediaPipe & OpenCV: Advanced face detection and head pose estimation.
graph TD
User((User)) -->|HTTPS| Frontend[React Frontend]
Frontend -->|API Calls| Backend[Node.js Backend]
Backend -->|Queries| DB[(MongoDB)]
Backend -->|Inference| AI[Groq AI SDK]
Frontend -->|MediaStream| Proctor[Python AI Service]
Proctor -->|CV Processing| MediaPipe[MediaPipe/OpenCV]
Proctor -->|Status| Frontend
- Node.js (v18+)
- MongoDB (Atlas or Local)
- Python (v3.10+)
- Git
-
Clone the Repository
git clone https://github.com/your-username/CodeArena.git cd CodeArena -
Setup Backend
cd Backend npm install # Create a .env file with your MONGO_URI, JWT_SECRET, GROQ_API_KEY, etc. npm run dev
-
Setup Frontend
cd ../Frontend npm install npm run dev -
Setup AI Proctoring Service
cd ../face # Create a virtual environment python -m venv venv source venv/bin/activate # Or venv\Scripts\activate on Windows pip install -r requirements.txt python app.py
The face recognition service (/face) provides:
- Head Tilt/Yaw Detection: Alerts if the user looks away from the screen.
- Multiple Face Detection: Prevents unauthorized assistance.
- Brightness Monitoring: Ensures the environment is well-lit for scanning.
Contributions are welcome! Please feel free to submit a Pull Request or open an Issue.
Built with ❤️ for the Coding Community