CodeVibe Frontend

A comprehensive full-stack application for code debugging and question management with both admin and user interfaces.

Project Structure

This repository contains two main applications:

📱 Frontend (User Interface)

Location: /frontend/

• Technology: React + TypeScript + Vite
• UI Library: Radix UI + shadcn/ui components
• Features:
  • Code editor interface
  • Question management
  • User authentication
  • Responsive design with modern UI components

🛠️ Admin (Administrative Interface)

Location: /admin/

• Technology: React + TypeScript + Vite
• Styling: Tailwind CSS
• Features:
  • Admin dashboard
  • Team management
  • Logs monitoring
  • Question administration

Quick Start

Frontend Development

cd frontend
npm install
npm run dev

Admin Development

cd admin
npm install
npm run dev

Tech Stack

• Frontend Framework: React 18 with TypeScript
• Build Tool: Vite
• UI Components: Radix UI primitives with shadcn/ui
• Styling: Tailwind CSS
• HTTP Client: Axios
• Routing: React Router DOM

Development

Both applications are configured with modern development tools:

• TypeScript for type safety
• ESLint for code quality
• Vite for fast development and building
• Hot module replacement for instant updates