Author: Nuță Mihaela-Mădălina

The purpose of this project is to control a NeoPixel Led Ring in a beautiful manner.

The user should be able to control it using a simple web application or a push button. The web page provides several predefined styles that can be selected or a color picker that can be used in order to select a specific color. The push button can be used to cycle through all the predefined styles.

• ESP32 Microcontroller
• NeoPixel Led Ring
• Push Button
• Wires
• Breadboard

The web application was created using Javascript, HTML and CSS and deployed using Firebase Hosting https://firebase.google.com/docs/hosting/quickstart.

The application gives the possibility to control the NeoPixel LedRing in 2 ways:

1. predefined styles selection
2. color picker

When having a style selected, the application writes into the database 2 variables:

• type of selection: style
• the name of the selected style

When having a color selected, the application writes into the database 2 variables:

• type of selection: color
• the color as an array of 3 values

The microcontroller is connected to the WIFI. Using the WIFI connection, it is reading from the database in a loop and based on the provided data, it changes the style of the led ring.

1. Style Selection

1. Color Selection

#include <iostream>
#include <Adafruit_NeoPixel.h> // to control the NeoPixel Ring
#include <WiFi.h> // to connect the ESP32 microcontroller to WIFI
#include <Firebase_ESP_Client.h> // used for Firebase Realtime Database
#include "addons/TokenHelper.h"
#include "addons/RTDBHelper.h"