DEV Community

Cover image for N-Cus-Weather with Azure
V Roshan Kumar Patro
V Roshan Kumar Patro

Posted on

N-Cus-Weather with Azure

Overview of My Project

Development of a fully fledged hardware to software weather station app integration with azure.

Problem -- Due to the most of the incoming services on weather people are not able to see and take accurate measurements on custom area..

Solution using Azure -- So I have developed a hardware integration where we installed a weather station physically on my house and with attachment of all types of sensors like UV Sensor, Lux sensor, rain sensor, temperature, pressure, humidity, air pollution levels sensors and many more. I integrated all those hardware devices with one single unit with Arduino and with the help of IoT then wrote the website code with JavaScript and CSS and using NodeJS and react. I used Azure app services to load them with it and Azure DevOps for cont. monitoring and seeing them through CI/CD pipelines. Then also used Cosmo DB for all weather database storing in key pair format and generating report and doing it further on.

The landing page gives this scenes
landing

The temperature record here exactly recorded from sensors and data is kept at Cosmo DB is shown below
temp

The this week tab shows us the week data which is calculated from the last weeks data and predictions used in our algorithm showing the approx. temperatures of next week
thisweek

The todays highlights' part shows us the details of the present day where the data is shown and parameters are there which comes from all hardware sensors that we have connected and integrated with Arduino.
todayhigh

When we click the each tile it pops up and gives all detailed detail of data with what it is, and its latest records of data from Azure Cosmo DB. Here, with the time stamp the records are shown here you can see the latest data has been taken presently today that is today itself 2022-02-17 at and the average of the 3 data amongst them is shown at the side.
tile

The azure app service where we deployed this whole infrastructure and with our website code looks something like this
azure
ms

Then all this is kept in continuous development of the code to innovate more so we have kept all the things in sync with the GitHub triggers, DevOps CI/CD pipelines so that new code when committed it directly launches to production after our review.
So more automation is there.
devops

The physical hardware setup of sensors and weather station is built with full working conditions.

The Arduino code setup file with all the integrated sensors is attached in GitHub repo also.
code
sensors

Submission Category:

Computing Captains

Azure Services Involved --> Azure App Service, Azure Static Web Apps, Azure DevOps, Azure CosmoDB.

Link to Code on GitHub

Weather-Github

Additional Resources / Info

Complete Video Demo of the project --
YouTube-Demo

Top comments (3)

Collapse
 
jacksonkasi profile image
Jackson Kasi

hey this is super, and simple help for me! were you get this weather icons? plz bro tell me...

Collapse
 
varanasiroshan2001 profile image
V Roshan Kumar Patro

I did all the pictures and got all things with Figma and Google only

Collapse
 
jacksonkasi profile image
Jackson Kasi

oh! thanks :)