Deploy Center - Client

Modern React-based web interface for Deploy Center CI/CD platform.

🚀 Features

• ✅ Real-time deployment updates via Socket.IO
• ✅ Material-UI based responsive design
• ✅ Multi-language support (English/Arabic)
• ✅ Dark/Light theme with customizable colors
• ✅ Toast notifications for user feedback
• ✅ Secure authentication with JWT
• ✅ Role-based access control
• ✅ Project and deployment management
• ✅ Live deployment logs streaming
• ✅ Statistics and analytics dashboard

📋 Prerequisites

• Node.js 18+
• npm or yarn
• Deploy Center Server running

🛠️ Installation

# Install dependencies
npm install

# or with yarn
yarn install

⚙️ Configuration

Create .env file in the client directory:

# API Configuration
VITE_API_BASE_URL=http://localhost:3000/api
VITE_SOCKET_URL=http://localhost:3000

# Optional: Override default settings
VITE_SOCKET_PATH=/v1/ws
VITE_API_TIMEOUT=30000

🏃 Development

# Start development server
npm run dev

# Server will start at http://localhost:5173

🔨 Build

# Build for production
npm run build

# Preview production build
npm run preview

Build output will be in dist/ directory.

📁 Project Structure

client/
├── src/
│   ├── components/      # React components
│   ├── contexts/        # React contexts (Auth, Theme, Toast, etc.)
│   ├── hooks/           # Custom hooks (useSocket, etc.)
│   ├── pages/           # Page components
│   ├── services/        # API services
│   ├── types/           # TypeScript types
│   ├── utils/           # Utility functions
│   └── App.tsx          # Root component
├── .env                 # Environment variables
└── vite.config.ts       # Vite configuration

🔗 Documentation

• Architecture Guide - Component structure
• API Integration - Backend integration
• Frontend Roadmap - Status and plans

📞 Support

For documentation and support, see Current Status