A modern and responsive React Weather App that provides real-time forecasts using the OpenWeather API. Designed with usability in mind, this app delivers up-to-date weather insights with daily breakdowns, all while ensuring performance through smart caching and modular architecture.
📅 Built: Mar 2023 – July 2023 | 🛠️ React, JavaScript, CSS | 🔗 GitHub Repository
- 📊 Live Weather Forecasts: Real-time data powered by the OpenWeather API.
- 🌧️ Detailed Daily Views: Dive deep into each day's forecast for better planning.
- 🔄 Smart Caching: Fast and efficient performance with data reuse.
- 🛋️ Context API + Custom Hooks: Clean, scalable state management.
- 🌎 Responsive Design: Fully mobile- and desktop-friendly.
- React
- JavaScript (ES6+)
- CSS3
- OpenWeather API
Clone or download the repository:
git clone https://github.com/taliandre49/WeatherForecaster.git
cd WeatherForecasterInstall dependencies and start the development server:
npm install
npm startThe app should now be running at http://localhost:3000
This app uses the OpenWeather API to retrieve real-time weather data.
You'll need an API key:
- Sign up at openweathermap.org
- Add your key to a
.envfile:
REACT_APP_WEATHER_API_KEY=your_api_key_hereContributions are welcome! Feel free to fork the repo and submit a pull request for improvements or new features.
MIT License