# Web Frontend Documentation

## Technology Stack
- **Framework**: Vue 3 (Composition API)
- **UI Library**: Element Plus
- **State Management**: Pinia
- **Routing**: Vue Router
- **HTTP Client**: Axios

## Core Architecture

### Application Initialization
1. Creates Vue app instance
2. Configures router and store
3. Initializes Element Plus components
4. Checks for existing auth token
5. Mounts to DOM element (#app)

### Key Files
- `main.ts`: Application entry point
- `App.vue`: Root component
- `router/index.ts`: Route configuration
- `store/index.ts`: State management setup

## Module Structure
- `api/`: API service layer
- `axios/`: HTTP client configuration
- `router/`: Navigation logic
- `store/`: Global state management
- `utils/`: Helper functions
- `views/`: Page components