Skip to content

mlk500/code-online

Repository files navigation

Code Online - Real-Time Collaborative Coding Platform

This is a Next.js project bootstrapped with create-next-app.

A LeetCode-inspired platform for real-time code mentoring sessions, built with Next.js and WebSocket technology. The platform enables mentors to observe and guide students through coding challenges in real-time.

🔗 Live Demo (Note: Initial load may take around 1 minute due to cold start)

Features

🏠 Home Page

  • Collection of coding challenges with varying difficulty levels (inserted manually)
  • Problems categorized by type (Math, String, Bit Manipulation, etc.)
  • Difficulty indicators (Easy, Medium, Hard)
Home Page

👥 Real-Time Collaboration

  • First user to enter becomes the mentor
  • Second user joins as a student
  • Real-time code synchronization between mentor and student
  • Room capacity limited to 2 users
Mentor View Student View

💻 Interactive Coding Environment

  • Syntax highlighting for JavaScript
  • Real-time code updates
  • Student can write and edit code
  • Mentor has read-only access
Real-time Updates Success Feedback

Technical Implementation

Built With

  • Next.js
  • WebSocket
  • JavaScript/TypeScript
  • Syntax highlighting

Getting Started

  1. Wait for the initial server cold start (may take a moment)
  2. Select a coding challenge from the home page
  3. First user automatically becomes the mentor
  4. Share the URL with your student/mentor
  5. Start coding and collaborating in real-time

Inspiration

Design and functionality inspired by LeetCode, adapted for real-time mentoring sessions.