Skip to content
A react based weather app for forecasting 5 days of weather data using Open Weather Maps
HTML JavaScript Python
Branch: gh-pages
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
city-data
static
LICENSE
README.md
asset-manifest.json
index.html
manifest.json
precache-manifest.205451b918a4c6874e7757fbfab911cc.js
robots.txt
service-worker.js

README.md

WeatherFox (Built with React)

Instructions to Setup the Application

If you want to try it out in developer mode

npm install 
npm start 

If you wish to serve the app

npm install
npm run build
npm install -g serve
serve -s build

NPM Packages Used

  • react-select-async-paginate (@rsap) - Search based Select for cities in USA, France and Russia by filtering the bulk cities downloaded json from Open Weather Map.
  • react-select (@reactselect) - Implemented 3hr time selector for each of the 5 days. Refer time-slot-selector component to learn more.
  • react-bootstrap (@reactbootstrap) - Used widely in the app for creating an aesthetically appealing interface.
  • react-card-carousel (@cardcarousel) - Used this to display the weather cards in a carousel.
  • react-icons (@icons) - Used this for footer icons.
  • react-icons-weather (@weathericons) - Icon package that supports Open Weather Maps icon ids received from the API.
  • moment (@moment) - For manipulating time for the city selected.
  • moment-timezone (@momenttimezone) - For local time zone for the city selected.
  • axios (@axios) - For making api calls.
  • recharts (@recharts) - Recharts plot for weather data points
  • react-leaflet (@reactleaflet) - For plotting locations map for city selected

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Developer:

Acknowledgements and Mentions:

You can’t perform that action at this time.