https://github.com/bonk-dev/xeonpwm-ui

XEON PWM is an application which I developed to control my server fans using my makeshift controller.
https://github.com/bonk-dev/xeonpwm-ui

chartjs javascript nextui pwm pwm-fan react reactjs signalr tailwindcss

Last synced: about 2 months ago
JSON representation

XEON PWM is an application which I developed to control my server fans using my makeshift controller.

• Host: GitHub
• URL: https://github.com/bonk-dev/xeonpwm-ui
• Owner: bonk-dev
• License: mit
• Created: 2024-05-20T08:53:09.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-20T08:56:13.000Z (about 2 years ago)
• Last Synced: 2025-11-19T11:24:58.436Z (7 months ago)
• Topics: chartjs, javascript, nextui, pwm, pwm-fan, react, reactjs, signalr, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 406 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Wide XEON PWM Logo](assets/biglogo.png)

# XEON PWM Panel

![MIT badge](https://img.shields.io/github/license/bonk-dev/xeonpwm-ui?style=flat-square)

XEON PWM is an application which I developed to control my server fans using my makeshift controller.

This is the frontend part. It is written using [React](https://react.dev) + 

[NextUI](https://nextui.org/) (which includes [tailwindcss](https://tailwindcss.com/)).

The app mainly uses [SignalR](https://github.com/dotnet/aspnetcore/tree/main/src/SignalR) 

to communicate with the ASP.NET Core backend (plain HTTP(S) is only used for authentication).

## Other repos

Links to related repos:

- ASP.NET Core backend & Arduino code: [xeonpwm-api](https://github.com/bonk-dev/xeonpwm-api)

## Features

- manual mode

- automatic control based on current temperature

## Run the app

Here is how you can run the app:

1. Clone the repo

2. `npm install`

3. `npm run start`.

Although you would need to set up the ASP.NET Core 

backend as well (which requires the physical controller). 

## Screenshots

### Dashboard

![Dashboard](assets/dashboard.png)

### Login panel

![Login panel](assets/loginPanel.png)