DEV Community

Cover image for Weather Application using Node.js ❄️
Sanjula De Alwis
Sanjula De Alwis

Posted on

3

Weather Application using Node.js ❄️

Before the application build lets talk about what is Node.js?

Node.js is a JavaScript run time environment. Sounds great, but what does that mean? How does that work?
The Node run-time environment includes everything you need to execute a program written in JavaScript.

Why Node.js?

Here’s a formal definition as given on the official Node.js website: Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js’ package ecosystem, npm, is the largest ecosystem of open source libraries in the world.

Table of Contents :

  • Install NodeJS
  • Getting API
  • Consuming API
  • Show API

nodejs

Cool! Lets Start the project 🙌

1.Open a command prompt and type:

mkdir weatherApp
cd weatherApp

These commands are universal for whatever OS you’ll be running. The former will create a new directory inside the directory you are currently in, mkdir = “make directory”. The latter will change into this newly created directory, cd = “change directory”. Hard-core windows users can calm down, this will work for you guys too, as it is equivalent to creating a new folder within your file system… only more fancy.

2.Initialize your project and link it to npm .

3.Get the Weather API from here.

This website basically give you the weather based on your city.

api

Now, What you need is

  • Country Name (you can use any country, its up to you!)
  • Country Code (Go to this link and get the Code of your country)
  • API Key (Sign Up this link and they will give you the API key)

Cool! It’s time to develop this application 💻

Now, go back to you project folder(weatherApp) open this project using VS Code or any other IDE you like. Go to the terminal make shuer you are in the right directory eg: …/weatherApp/ .

Open the terminal and type this below code :

npm init

  • Enter all the things. Now your project has package.json file.
  • Now create a new file name it app.js.

Go back to the terminal and install certain packages :

npm install request -S

Go to app.js and copy below code :

apicode

var http = require('http');
var url = 'put here your API Key URL';
var server = http.createServer(function ( request, response ) {
// All logic will go here
var request = require('request');
request( url , function(err, res, body) {
var data = JSON.parse(body);
response.write("<html><body><div id='container'>");
response.write("<h1>"+'City Name : '+ data['name'] + '<br>'+ "</h1>");
response.write("<h2>"+'Temperature : '+ data.main['temp'] + '<br>'+ "</h2>");
response.write("<h2>"+'Sunset Time : '+ new Date(data.sys['sunset']*1000) + '<br>'+ "</h2>");
response.write("</div></body></html>");
response.end();
});
}).listen(8081);

Go back to you terminal and run this application :

node app.js

You can see the output with your :

City Name :
Temperature :
Sunset Time :

Thank you!

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay