https://github.com/dhanushreddy291/weather-forecaster
A simple Weather App built using React, GraphsJS and Bootstrap, using WeatherAPI.com to provide the Weather forecast for any city
https://github.com/dhanushreddy291/weather-forecaster
bootstrap css graphjs html js nodejs react reactjs
Last synced: 2 months ago
JSON representation
A simple Weather App built using React, GraphsJS and Bootstrap, using WeatherAPI.com to provide the Weather forecast for any city
- Host: GitHub
- URL: https://github.com/dhanushreddy291/weather-forecaster
- Owner: dhanushreddy291
- Created: 2022-01-07T13:37:23.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-14T11:09:10.000Z (over 3 years ago)
- Last Synced: 2025-09-20T12:07:06.247Z (9 months ago)
- Topics: bootstrap, css, graphjs, html, js, nodejs, react, reactjs
- Language: JavaScript
- Homepage: https://weather-hmbu.onrender.com/
- Size: 3.96 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Forecaster
A simple Weather App built using React, GraphsJS and Bootstrap, using WeatherAPI.com to provide the Weather forecast for any city
# Inspiration
I wanted to learn React the hard way. By hard way, I mean getting my feet dirty and building apps using React. Whats a better learning path than practically trying things, failing in the process, fixing the bugs and finally making it live.
# APIs
- Weather data is retrieved from http://weatherapi.com/
# Some errors observed in the Weather API Data
- The data being fed to the graph is not that accurate. Since I am using free API source for the weather Data, I cannot complain much. It's just about upgrading to a paid data provider like Yahoo Weather or AccuWeather to get a fully relaible feed.
# Running
## API keys
- Get your API key from http://weatherapi.com/ and store it in a variable named REACT_APP_API_KEY in your env file.
## Clone & install
- Clone this repo `git clone https://github.com/dhanushreddy291/new_weather_app.git`
- `cd new_weather_app`
- run `npm install`
- run `npm run start` for a local server
# Direct Deploy to Vercel with the below Button
# [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdhanushreddy291%2Fnew_weather_app&env=REACT_APP_API_KEY&envDescription=API%20Key%20for%20getting%20the%20Weather%20Data&envLink=https%3A%2F%2Fwww.weatherapi.com%2F&project-name=weather&repo-name=weather)