https://github.com/xreef/arduinoota_reusable_custom_web_page

Arduino OTA: simple and beautiful reusable custom web page with progress and theme
https://github.com/xreef/arduinoota_reusable_custom_web_page

arduino custom esp32 esp8266 ota page progress web

Last synced: 6 months ago
JSON representation

Arduino OTA: simple and beautiful reusable custom web page with progress and theme

• Host: GitHub
• URL: https://github.com/xreef/arduinoota_reusable_custom_web_page
• Owner: xreef
• Created: 2021-11-11T21:32:14.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-11T21:37:23.000Z (almost 4 years ago)
• Last Synced: 2025-03-27T20:07:25.188Z (6 months ago)
• Topics: arduino, custom, esp32, esp8266, ota, page, progress, web
• Language: HTML
• Homepage:
• Size: 415 KB
• Stars: 16
• Watchers: 2
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
##Example pages for ArduinoOTA

Full article and more information on https://www.mischianti.org/category/tutorial/esp8266-tutorial/esp8266-firmware-management-tutorial/

I create this page in VanillaJS and CSS standard to understand how to change default page with a better and more beautiful one.

![Page sample](https://www.mischianti.org/wp-content/uploads/2021/09/Custom-Arduino-OTA-page.gif)

First install node.js > 12

Then launch 'npm i' command 

You can find the original source code on ./src directory

After launch 'npm run dist' you can find minified and gzipped file to minified directory.