Skip to content

A weather search app that allows users to get weather & temperature info of the searched place and its nearby city.

Notifications You must be signed in to change notification settings

yewyewXD/React-Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App V2

Description

V1: A weather web application which shows weather of countries all around the world.
V2: A weather search app which allows to get a place's and its nearby cities' weather & temperature.

Build status

Failed

Started on: 26 Jul 2020
Completed on: 28 Jul 2020
Last modified on: 28 Feb 2021

Screenshots (V1 and V2)

Search country Display weather of cities

Landing page Upper part of search result page Lower part of search result page

Tech/framework used

  • React.js
  • Bootstrap
  • Sass

Features

  • Get weather & temperature info
  • Get nearby cities and also their weather & temperature info
  • Get place description (if available on wikipedia)

How to use it locally

Get a free OpenWeather API key

First, sign up for an OpenWeather account.

Then, you can get your free API key here.

Now, clone the repository, then:

cd into the working directory and install dependencies:

cd React-Weather-App

npm i

Create a ".env" file in the root folder, then add this:

REACT_APP_API_KEY=`paste your api key here`

Back to the root directory and run the app:

npm start

Future Update

  • Get an accurate country/city image based on weather, season and/or temperature

API Reference

Current Weather API
REST Countries API
MediaWiki API

Credits

Initiative Inspiration:

Angel John

Design Inspiration

Dashboard

Images

Unsplash
Flaticon

About

A weather search app that allows users to get weather & temperature info of the searched place and its nearby city.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published