Skip to main content

Overview

Libaries Used​

  • Next.js 14 + Typescript + Tailwind
  • NextUI UI library
    • next-themes used for easy theming
  • Chart.js used for charts
    • chartjs-plugin-zoom used for zooming and panning charts
  • React Query used for data fetching and caching
  • next-pwa used for PWA support

Pages​

Realtime​

  • Data is split into 5 sections:
    • SOC + Remaining capacity
    • Voltage + Current + Discharge status
    • Cell Voltages
    • Cell Temperatures
    • Alarms

Historical​

  • Data is split into 5 charts:
    • Voltage + SOC
    • Current
    • Min/Max Cell Voltages
    • Min/Max Temperatures
    • dischargningMOSStatus + chargingMOSStatus + BalancingStatus

Settings​

Allows user to:

  • View the list of registered devices
  • Delete a device
  • Add a device
    • This process involves connecting a device to bluetooth and then entering the Wifi ssid and password for the device to be able to connect to the internet
  • Signout