⚠️ Warning: This project is still in early development. Some features may be incomplete, and breaking changes may occur. Contributions and feedback are welcome!

# LabPowerUI - UI

Overview

This is the frontend UI for the PSU monitoring and control system. The UI provides real-time data visualization, control over voltage and current settings, and interactive charts.

Features

• Live voltage and current monitoring
• Interactive charts using VueApexCharts
• Controls for setting voltage and current limits
• Toggle PSU output on/off
• Adjustable sampling time and limits

Related Project

This UI interacts with the backend server. You can find the server repository here: Server Repository

Docker Compose Setup

To deploy the LabPowerUI-Server along with Redis and the LabPowerUI frontend, use the following docker-compose.yml setup:

version: "3"services:
power-supply-server:
image: badsmoke/labpowerui-serverports:
- "1234:1234"environment:
- REDIS_HOST=redis
- REDIS_PORT=6379
- REDIS_DB=0
- USB_DEVICE=/dev/ttyUSB0
- STORAGE_TASK=true
- STORAGE_INTERVAL=1
- STORAGE_LIMIT=10000
- FAKE_VALUES=false
- LOGGING=falsedevices:
- /dev/ttyUSB0:/dev/ttyUSB0restart: alwaysredis:
image: redis:7-alpinerestart: alwaysports:
- "6379:6379"power-supply-ui:
image: badsmoke/labpoweruiports:
- "80:80"

Installation

Prerequisites

• Node.js
• Vue 3
• Vuetify

Setup

# Clone the repository
git clone git@github.com:badsmoke/labpowerui.git
cd labpowerui
# Install dependencies
npm install
# Run the development server
npm run dev

Configuration

Make sure the backend server is running and accessible. The UI will attempt to connect to the server based on the detected hostname.

UI

Roadmap

• Improve UI responsiveness
• Implement settings persistence
• Enhance error handling

License

This project is licensed under the MIT License.

Contributors

• @badsmoke

Contact

For issues or contributions, open an issue in the repository or reach out via email.

github@badcloud.eu