jlove-dev / react-weather-app

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

Simple Weather App

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