💫Interface and application programming💫

For this week´s assignment get ready to embark on a coding adventure! 🌟

We were assigned the mission to make an interface and app programming. For this week I will work on the code that my final project will carry in its ESP 12-F

May the code be ever in your favor! 🎨🔧✨

Our group weekly task ---->
  • Puebla´s Fab academy class of interface and app
  • How will you aproach this assignment sweetie?

      Okay gurl in a nutshell here´s the deal: So, I decided to use the ESP 8266 12-F as an access point making it act as a router so you could connect to it from the wi-fi section in your phone and control the 4 pretty servos. Super cool I know lol.

      THE STEPS ARE HERE👇🏽✨

      All you need to know about this 🎀✨gorgeous✨🎀 interface and app

    • First things first, we need to configure the ESP8266 to act as an Access Point (AP). This way, other devices can connect directly to it. (This step is crucial because it allows other devices to connect to your ESP8266 network, enabling them to send commands to control your servos.) for this you need to include the necessary libraries and define the SSID and password for your Access Point.

      Imagen 1 Imagen 1
      ">

  • Then you will have to #include statement so it includes the necessary library for WiFi functions on the ESP8266. The const ssid and const password lines define the name and password for your Access Point. You can change these to whatever you prefer. (IN MY CASE I OBVIOUSLY INSERT THE SHOWSACK NAME) After that remember Serial.begin(115200); so it initializes serial communication at a baud rate of 115200, which helps in debugging by providing feedback on the serial monitor.

  • IMPORTANT: The WiFi.softAP function configures the ESP8266 as an Access Point with the specified SSID and password.

  • So now this part prints the IP address assigned to the ESP8266, which is typically 192.168.4.1. This IP address is used to access the web server hosted on the ESP8266.

  • Imagen 1

  • Now you need to define the HTML content that will be served to clients connecting to your ESP8266's network:

    Imagen 1

  • Remember that in the loop function, you need to handle incoming client requests.

  • Checking for cute clients

  • Reading the pink request

  • Imagen 1

  • Now let´s configure the servos and set up the ESP8266 as an Access Point

    Imagen 1

  • Ant this is the main Loop to handle client requests and control servos to handle client requests and control servos based on the selected mode:

    Imagen 1
  • And finally upload the code sweetheart. Follow the steps to upload this code to your ESP8266: Connect your device to the "SHOWSACK" WiFi network using the password "12345678". --------> Open a web browser and go to http://192.168.4.1.

  • Imagen 1 Imagen 1

    POV OF MY INTERFACE APP OMG I KNOW RIGHT?!!! SO CUTE!!

    MY FINAL CODE:

    TO SEE MY WORKING ESP AND FABULOUS RESULTS

  • REMEMBER WATCHING MY FINAL PROCESS HERE
  • Amazing girl but can you give me a cheat sheet bout this?

    So the summary is: