Climate Change is Real! ☀️ ☔ ☁️ ❄️ ⚡ 🌀
Weather Watcher was developed by Sydney Scott, Jackie Feit, and Betsy Groton for Mintbean's Social Justice Hackathon. The purpose of the app is to show users the impact that global warming has had on their location, and make sustainability a priority in the user's life. The app can get the user's location using Geolocation API, or accept the user's input location and find the current weather in that place using Open Weather Map API.
The user can view how the temperature has changed in their location over the last 10 years in a chart designed with Victory.js. Lastly, the app uses Google's News API to show the top 3 headlines for that day related to the environment.
You can view the full video walk-through here!
Step by step guide for downloading repo:
cd <directory you want to download to>
git clone https://github.com/Jackie-Sydney-Betsy/weather-chrome-extension.git
npm install
npm run build
in your browser, go to [](chrome://extensions/), click "Load Unpacked," navigate to the repo on your machine, and choose the build folder
you'll need your own api keys (see details below) and to save them in a .env file in order to access weather and news data
click the extensions in the browser, and select the app's icon
enjoy :)
LinkedIn: https://www.linkedin.com/in/sydneyroxanascott/
Github: https://github.com/sydneyscott47
LinkedIn: https://www.linkedin.com/in/jackie-levine-feit/
Github: https://github.com/jackiefeit94
LinkedIn: https://www.linkedin.com/in/elizabethgroton/
Github: https://github.com/betsyg6
-
React
-
Google Chrome Extension
-
Various API's: OpenWeatherMapAPI, GeolocationAPI, WorldWeatherOnline, GNewsAPI
This project was bootstrapped with Create React App.