44921c5646
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>
1.3 KiB
1.3 KiB
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
# 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.