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.
- 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
This UI interacts with the backend server. You can find the server repository here: Server Repository
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-server
ports:
- "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=false
devices:
- /dev/ttyUSB0:/dev/ttyUSB0
restart: always
redis:
image: redis:7-alpine
restart: always
ports:
- "6379:6379"
power-supply-ui:
image: badsmoke/labpowerui
ports:
- "80:80"- Node.js
- Vue 3
- Vuetify
# Clone the repository
git clone [email protected]:badsmoke/labpowerui.git
cd labpowerui
# Install dependencies
npm install
# Run the development server
npm run devMake sure the backend server is running and accessible. The UI will attempt to connect to the server based on the detected hostname.
- Improve UI responsiveness
- Implement settings persistence
- Enhance error handling
This project is licensed under the MIT License.
- @badsmoke
For issues or contributions, open an issue in the repository or reach out via email.

