A modern, responsive weather application providing real-time forecasts with detailed weather data visualization.
- Real-time Weather Data: Accurate forecasts with hourly and 7-day predictions
- Location-based Services: Automatic detection of user location with manual search capabilities
- Interactive Maps: Visual representation of weather patterns and conditions
- Responsive Design: Optimized for both desktop and mobile devices
- Customizable Alerts: User-defined notifications for weather events
View Live Demo (Coming Soon)
- Frontend: React.js, TailwindCSS
- API Integration: OpenWeatherMap API, Geolocation API
- State Management: React Context API
- Data Visualization: Chart.js, React-Leaflet
Note: Screenshots will be updated once the application UI is finalized.
- Node.js 14.x or higher
- npm 6.x or higher
- API key from OpenWeatherMap
# Clone the repository
git clone https://github.com/rblake2320/weather.git
# Navigate to project directory
cd weather
# Install dependencies
npm install
# Create environment file and add your API key
cp .env.example .env
# Edit .env file to add: REACT_APP_WEATHER_API_KEY=your_api_key_here
# Start development server
npm startAfter starting the application, you can:
- Allow location access for automatic weather information
- Search for weather in any city worldwide
- View detailed forecasts, including temperature, precipitation, wind, and more
- Toggle between hourly and weekly views
- Customize settings for units (metric/imperial) and alert preferences
# Run test suite
npm test
# Generate test coverage report
npm run test:coverage- Add dark mode support
- Implement weather history tracking
- Integrate satellite imagery
- Add severe weather alerts integration
- Support for multiple saved locations
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Richard Blake - contact@richardblake.dev
Project Link: https://github.com/rblake2320/weather


