This is a ReactJS client webapplication for the Thor Tea Cooler (TTC) IoT Device's API. The frontend code was built with the ReactJS+Vite SPA techstack. The application offers support for all hardware functions, login/auth pages and a GUI for device configuration with responsive webdesign and light/darkmode support.
The project uses npm build tools for quick development, download and build the public CSS and JS files with:
npm run build
Then simply host the /dist folder with any VPS service, with the index.html as entry point.
All available commands are:
Build and preview developer mode at port 5173
npm run dev
Build production files to /dist
npm run build
Preview production mode at port 4173
npm run preview
The project utilizes npm for build tools. Styling is built with tailwindCSS, SVGInject is used for styleable svg images. Live temperature chart is built with ChartJS. Promise based async HTTP requests are made with the amazing Axios HTTP Client library. Free and open source web icons from Tabler Icons.