💻 PrepHub Frontend — Collaborative Monaco Code Workspace

       

Intelligent client interface for PrepHub, featuring shared editor rooms, sandbox execution outputs, and Vitest suite validations.

---

📌 Project Overview

PrepHub Client connects to the collaborative WebSocket API, rendering an advanced coding workbench with Monaco editor setups, real-time participant cursors, and AI reviews.

✨ Features

• Shared Coding Room: Powered by Yjs provider and Monaco editor.
• Interactive AI Mentorship panel: Custom panels to query Gemini regarding compiler output errors.
• Vitest Suite: Automated client-side utilities test coverage.

---

⚙️ Installation

1. Clone the project:

   git clone https://github.com/Nashid-k/prephub-dev-frontend.git
   cd prephub-dev-frontend

2. Run npm install
3. Boot the local development server:

   npm run dev