Skip to content

RazvanCiobanel/weather-application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

675 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather Application - My Weatther

This is a weather website made with ReactJS and powered by WeatherAPI.com. It provides data for local weather, daily and hourly forecast and world-wide weather. The website is ready to be deployed.

It is served by an ExpressJS backend build by me.

The website is responsive at 401 pixels, break point.

After you clone the project, to start it, follow the instructions:

  • To start the backend, write in the terminal: cd back-end, npm install, node server
  • To start the front end: open in a new window "front-end" folder and write in the terminal:npm install and npm start.

The website has four pages: Home, Local Weather, Forecast and World-Wide Weather.

Home Page

It is a short description of the website

 Home Page


Local Weather

To get the local weather, I used the user IP as query selector, to call the API.

Local Weather


Forecast

On this page the user can search for a location and he will get the forecast for 3 days and hourly for each day. The hourly forecast is displayed only after the 'Show hourly forecast' button is pushed. Daily Forecast


Hourly Forecast


World-Wide Weather

On this page the user can search for a location and get the present weather at that location.

World-Wide Weather

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors