This is a simple client webapplication for the Thor Tea Cooler (TTC) IoT Device's API. The frontend code was built with the traditional HTML5+CSS3+JS ES6 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 prod
Then simply host the /public folder with any VPS service, with the index.html as entry point.
All available commands are:
Build production mode
npm run prod
Build development mode, watch for changes
npm run dev-watch
Build development mode
npm run dev
Build production JS code
npm run js-prod
Build development JS code
npm run js-dev
Build development JS code, watch for changes
npm run js-watch
Build production CSS code
npm run css-prod
Build development CSS code
npm run css-dev
Build development CSS code, watch for changes
npm run css-watch
Clean CSS and JS files
npm run clean
Clean JS files
npm run clean-js
Clean CSS files
npm run clean-css
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.