# Interview-Programming-Frontend

**Repository Path**: lollipop1024/interview-programming-frontend

## Basic Information

- **Project Name**: Interview-Programming-Frontend
- **Description**: 前端面试练习
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-07
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Fullstack Interview Coding Project

## Project Overview

A fullstack coding interview platform with the following modules:

```
project-root/
├── frontend/          # Vue3 + Vite frontend
├── backend/           # Node.js/Java/Python backend 
├── docs/              # Design documents
├── scripts/           # Devops scripts
└── README.md          # Main documentation
```

## Key Features

1. **Frontend**  
   - Coding challenge display  
   - Online code editor  
   - Real-time execution preview  
   - Integrated documentation (VitePress)

2. **Backend**  
   - Problem data API  
   - Code execution sandbox  
   - User authentication  
   - Submission storage

## Development Setup

### Requirements
- Node.js 16+
- Python 3.8+ (optional)
- Java 11+ (optional) 
- Docker (recommended)

### Quick Start
```bash
# Clone repo
git clone <repository-url>

# Install frontend dependencies
cd frontend && npm install

# Install backend dependencies
cd ../backend && npm install/pip install/mvn install
```

## Module Relations

| Module      | Tech Stack         | Dev Port | Prod Port |
|------------|-------------------|----------|-----------|
| Frontend   | Vue3 + Vite       | 5173     | 80        |
| Backend    | Node/Java/Python  | 3000     | 8080      |
| Docs       | VitePress         | 5174     | 81        |

## Workflow

1. Start all services:
```bash
# Frontend dev
cd frontend && npm run dev

# Backend dev
cd backend && npm run dev 

# Documentation
cd frontend && npm run docs:dev
```

2. Production build:
```bash
# Frontend
cd frontend && npm run build

# Backend 
cd backend && npm run build/mvn package
```

## Contribution

1. Specify module in Issues (frontend/backend/docs)
2. PR branch naming:
   - `feat/frontend-xxx` for frontend features
   - `fix/backend-xxx` for backend fixes
3. Keep these in sync:
   - API docs (`docs/api.md`)
   - Deployment scripts (`scripts/deploy.sh`)

## Documentation

- [Frontend Guide](./frontend/README.md) 
- [API Spec](./docs/api.md)
- [Deployment Guide](./docs/deployment.md)

[View Chinese Version](./README.md)