simple sketch for ESP8266 of using ESP8266WebServer to switch relays on GPIO pins, control servos to open and close masks, serves a simple website with toggle buttons for each relay and mask servo.

• Data is encoded as JSON object
• get and set relay states also by simple GET requests
• Bootstrap and jQuery for beautiful Web Pages for both Mobile and Desktop Screens
• ArduinoOTA updates
• MDNS support

• An ESP8266 module or development board like WeMos or NodeMcu with at least 32Mbit Flash (equals to 4MBytes)
• 4 Relay Modules

Please install Arduino IDE if you didn't already, then add ESP8266 Core (Beware! Install Git Version) on top of it. Additional Library download links are listed below:

• Arduino IDE - The development IDE (tested with 1.8.3)
• ESP8266 Core for Arduino IDE - ESP8266 Core
• ArduinoJson - JSON Library for Arduino IDE

You also need to upload web files to your ESP with ESP8266FS Uploader.

• ESP8266FS Uploader - Arduino ESP8266 filesystem uploader

Unlisted libraries are part of ESP8266 Core for Arduino IDE, so you don't need to download them.

• First, flash firmware by Arduino IDE or with your favourite flash tool
• Flash website data to SPIFFS either using ESP8266FS Uploader tool or with your favourite flash tool
• (optional) Fire up your serial monitor to get informed
• Power on your ESP8266
• Check your new IP address from serial monitor or DHCP network settings and connect to your ESP8299. (You can also use "http://wifi-relay.local").
• Toggle relay 1, relay 2, relay 3, relay 4 and relay 5 buttons on or off and enjoy your WiFi relay device.
• Toggle mask 1, mask 2 and mask 3 buttons open or close and see how your servo motors moving.
• Congratulations, everything went well, if you encounter any issue feel free to ask help on GitHub.