Backend (Phase 1-6): - Pydantic schemas for request/response validation - Service layer (SSH Key, Server, Repo, Sync) - API routes with authentication - FastAPI main application with lifespan management - ORM models (SshKey, Server, Repo, SyncLog) Frontend (Phase 7): - Vue 3 + Element Plus + Pinia + Vue Router - API client with Axios and interceptors - State management stores - All page components (Dashboard, Servers, Repos, SyncLogs, SshKeys, Settings) Deployment (Phase 8): - README with quick start guide - Startup script (start.sh) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
58 lines
1.3 KiB
Markdown
58 lines
1.3 KiB
Markdown
# Git Manager Frontend
|
|
|
|
Vue 3 frontend for Git Manager application.
|
|
|
|
## Tech Stack
|
|
|
|
- Vue 3 - Progressive JavaScript framework
|
|
- Element Plus - Vue 3 UI component library
|
|
- Pinia - State management
|
|
- Vue Router - Official router for Vue.js
|
|
- Axios - HTTP client
|
|
- Vite - Next generation frontend tooling
|
|
|
|
## Development
|
|
|
|
```bash
|
|
# Install dependencies
|
|
npm install
|
|
|
|
# Start development server
|
|
npm run dev
|
|
|
|
# Build for production
|
|
npm run build
|
|
|
|
# Preview production build
|
|
npm run preview
|
|
```
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
frontend/
|
|
├── src/
|
|
│ ├── api/ # API client modules
|
|
│ ├── assets/ # Static assets
|
|
│ ├── components/ # Reusable components
|
|
│ ├── router/ # Vue Router configuration
|
|
│ ├── stores/ # Pinia stores
|
|
│ ├── views/ # Page components
|
|
│ ├── App.vue # Root component
|
|
│ └── main.js # Application entry point
|
|
├── public/ # Public static files
|
|
├── index.html # HTML template
|
|
├── vite.config.js # Vite configuration
|
|
└── package.json # Dependencies
|
|
```
|
|
|
|
## API Integration
|
|
|
|
The frontend includes API clients for:
|
|
- Servers management
|
|
- SSH keys management
|
|
- Sync logs
|
|
- System settings
|
|
|
|
All API calls go through the configured Vite proxy to the backend server.
|