VMS - Virtual Machine Management System

A lightweight virtual machine management system built with Bun, React, and Vite.

Features

• 🖥️ VM lifecycle management (create, start, stop, delete)
• 📊 Real-time VM status monitoring
• 🔌 WebSocket-based console access
• 🎨 Modern React frontend with Tailwind CSS
• ⚡ Fast development with Vite HMR

Tech Stack

Backend:

• Bun - JavaScript runtime & package manager
• Drizzle ORM - TypeScript ORM
• SQLite - Database

Frontend:

• React 19 - UI library
• Vite - Build tool & dev server
• TanStack Query - Data fetching
• React Router - Routing
• Tailwind CSS - Styling

Getting Started

Prerequisites

• Bun v1.3.6 or later

Installation

bun install

Development

Start the backend server:

bun run dev

Start the frontend dev server (with HMR):

bun run dev:client

Database Setup

Initialize the database:

bun run db:init

Generate migrations:

bun run db:generate

Production Build

bun run build

Preview Production Build

bun run preview

Project Structure

vms/
├── src/
│ ├── client/ # React frontend
│ │ ├── components/ # Reusable UI components
│ │ ├── routes/ # Page components
│ │ ├── hooks/ # Custom React hooks
│ │ ├── lib/ # Utilities
│ │ └── styles/ # CSS styles
│ ├── server/ # Bun backend
│ │ ├── db/ # Database schema & migrations
│ │ ├── drivers/ # VM drivers (Cloud Hypervisor, Nomad)
│ │ ├── routes/ # API routes
│ │ ├── services/ # Business logic
│ │ └── middleware/ # HTTP middleware
│ └── shared/ # Shared types & config
├── docs/ # Documentation
└── vite.config.ts # Vite configuration

License

MIT