Skip to content

Latest commit

 

History

History
55 lines (34 loc) · 2.46 KB

README.md

File metadata and controls

55 lines (34 loc) · 2.46 KB

smartHome

Angular7 NodeJS Arduino

SmartHome is a web application that was created to display current temperature and humidity in house.

How it works

Arduino Uno connected with esp8266 in master-slave relation sending data to API. API stores data in data base and angular app make request via HTTP protocol to get data and display it in chart or table form.

Chart example

Chart Display

Table example

Table display

Application provides alarms after logginig in. If we turn on alarm arduino gets armed and after getting closer to device it will alarm. Alarms status is shown in navbar and depends on status it is green or red.

Alarm display

About API available here

https://sleepy-garden-23787.herokuapp.com

About Arduino

Arduino scheme

Screenshot

Photo

Screenshot

About Angular

Application was written in Agular 7. It uses HTTP protocol to communicate with API. Application make GET request to obtain data and store it. Then after choosing date it seperate the appropriate one and then put it in HTML code via string interpolation.

Alarm display To arm the alarm, user needs to loggin. After loggin API returns token which is used to make PUT request and update status of alarm. Received token is put in the header of request. On success boolean flag is changing status and view in browser updates.

Alarm display Application uses open source ChartJS to display data in chart form.

Chart Display

Angular app available here

https://dkrakowczyk.github.io/smartHome/

Security

API uses JWT (JSON Web Token) authentication to secure from unwelcome requests.

Authors

Mateusz Wolski - Angular app Dawid Krakowczyk - NodeJS API Konrad Wasiak - Arduino device