Opening screen after initial change due to light sensor
Login Screen to get user information to print on screen

SDHacks2019

After attending the Internet of Things Workshop and learning about what could be done with the ESP8266, our team decided to take on the challenge of learning how to setup and program a working project with the ESP. We started with a C program that reads the light sensor from the connected to the ESP and a website made with PHP as the back-end language. The C program sends the information coming from the ESP to the website using a post request. After some time trying to put together an API using PHP to handle the post request coming from the C program, we decided that it would be a better option to go with Flask as the back-end language. We then remade the entire website using Flask as the back-end language. Other challenges we faced were trying to integrating the back-end and front-end using Flask, which none of us have done before. We then worked on setting up the front of the project. Through this, we implemented a lot of keyframe animation functions and other css styling tools which allowed us to learn more about css. We ran into some challenges with creating the specific shapes need; however, in the end we eventually prevailed and got the shapes and animations working the way we intended.

Built With

Submitted to

SD Hacks 2019

Created by

I worked on hardware integration and css shapes. It was my first time working with css and Arduino JSON objects.

Adam Warner
I worked on the front end of the project, setting up all the animations through the css keyframe animation functions. Initially before this, I only had a little bit of experience with css, but it was a lot of fun learning more about what could be done with css.

Michael Pfeiffer
Always excited to learn
I mainly worked on the back-end side of the project. I set up a device specific sign up system using Flask, which included transferring information between pages of the website and saving the user information in the server. I also put together a simple API to get information from an Arduino program which sends out a post request. Finally, I worked on integrating the front-end and back-end.

Daniel Zelfo

Updates

Michael Pfeiffer started this project — Oct 27, 2019 12:08 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.