CodeLighthouse-Front

Frontend interface for CodeLighthouse – a full-stack coding assessment platform providing real-time coding feedback, problem browsing, and result visualization.

---

🔍 Overview

The CodeLighthouse-Front application serves as the user-facing component of the CodeLighthouse system, delivering a seamless experience for:

• Browsing and selecting coding problems
• Writing and submitting code solutions
• Viewing real-time and post-submission feedback
• Accessing user profiles, statistics, and historical performance data

Built on modern frontend technologies, it communicates with the CodeLighthouse-Back API and is designed to work effortlessly across devices.

---

✨ Features

• 📋 Problem Explorer: Filter, search, and select from available coding challenges
• 💻 Live Code Editor: Syntax highlighting, code submission, and result display
• 🔄 Real-Time Feedback: WebSockets support for instant compilation and test results
• 📊 User Dashboard: Track submission history, success rates, and achievements
• 🌐 Responsive UI: Adaptive layout for desktop, tablet, and mobile
• 🔒 Authentication: Login, logout, and secure session handling with JWT

---

🛠 Technologies Used

• React.js (TypeScript)
• React Router for client-side navigation
• Redux for state management
• ESLint + Prettier for code quality and consistency

---

🚀 Getting Started

Prerequisites

• Node.js (v14+)
• npm or yarn

Installation

git clone https://github.com/Stefan3002/CodeLighthouse-Front.git
cd CodeLighthouse-Front
npm install
npm start

The app will be available at http://localhost:3000.

---

🔌 Backend Integration

CodeLighthouse-Front expects the backend to provide:

• A REST API for authentication, problem listing, and statistics
• A WebSocket endpoint (e.g., /ws/feedback)

Use .env to set base URLs:

REACT_APP_API_BASE_URL=http://localhost:8000/api
REACT_APP_WS_URL=ws://localhost:8000/ws

---

📄 License

MIT License.

📬 Contact

Maintainer: Ștefan Secrieru
GitHub: @Stefan3002