Skip to content

wm4n/react-weather-widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Weather Widget

This project builds a Weather Widget using React and aims to provide similar functionalities as the one shown in the Google search. It's for React learning purpose. Therefore, probably many are implemented incorrectly so please bear with me 😆.

Weather Widget in Google Search Result

Google Weather Widget

Current Implementation

Current Widget Implementation

There are still many to do...

How to Use

  1. Grab the repo

  2. Add OpenWeatherMap key to src/App.js. If no key provided, mock data is used for display.

    const OPEN_WEATHER_MAP_KEY = '';
  3. install

    yarn install

  4. start and running in a browser

    yarn start

  5. build production code

    yarn build