User interface (UI) is one of the important aspect of product development. This is because that is how people will interact with your product. In this tutorial series, you will learn how to create a beautiful web UI for your ESP8266. We are going to build a web server on the ESP8266 that serves beautiful web page to the web browser. Through this web page, we can control peripherals on the ESP8266.
At the end of this tutorial series, you will be able to create the following web UI. This web is hosted on the ESP8266, i.e. embedded web app.
We will use several technology in this tutorial. We will use WiFi for the communication between the microcontroller and the PC. For the UI, we will use embedded web server. HTML and CSS are used to build the UI.
Let’s get started.
- Part 1 – Basic ESP8266 Web Server
- Part 2 – ESP8266 Web Server LED Control
- Part 3 – ESP8266 Web Server LED Control with CSS Styling
- Part 4 – Read a Button using AJAX
If you benefit from this page, please make a small donation, just $1. We need your help to pay for web hosting and buy new components and equipment for new tutorials. Alternately, you can make a donation by sending me Bitcoin, at address 1JN3zEw8NqCr8bn4UQa3TfZXaz7UZnb5bH