Skip to content

Simple weather application using ReactJS which shows a 7-day forecast for a zip code.

Notifications You must be signed in to change notification settings

jlove-dev/react-weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple Weather App

Screenshot

Getting Started

Requirements

Node.js & NPM -> Should be installed together (https://nodejs.org/en/download/)

Running

Start by either downloading this project or forking it. Then, change directories into the location on your local machine.

Open a terminal and run the following to install dependencies:

npm install

You can then run the development server with:

npm start

Open http://localhost:3000 to view it in the browser.

ReactJS development server supports hot-reload so if you make any changes, they will automatically populate in the browser.

Usage

Once the development server is running and you've navigated to http://localhost:3000, you can enter your zip code and hit submit.

Understanding

Upon submitting a Zip Code, the application makes a request to USGS to convert the zipcode to latitude/longitude data. That data is then sent off to 7timer for a simple 7-day weather forecast which is then displayed in the cards.

Caution

The provided services here utilize public APIs without keys. Please be respectful of these free services and don't abuse these privileges. Functionality of the app is subject to change at any time if the underlying APIs change.

Attributions

This project was bootstrapped with Create React App.
Zip Code data provided by USGS
Weather data provided by 7timer
Icons provided by Icons8

About

Simple weather application using ReactJS which shows a 7-day forecast for a zip code.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published