wm4n / react-weather-widget

A simple weather widget created using React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A simple weather widget created using React

License:MIT License


Languages

Language:JavaScript 91.4%Language:HTML 6.8%Language:CSS 1.8%