Skip to content

rblake2320/weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

License: MIT React TailwindCSS Status: Active

A modern, responsive weather application providing real-time forecasts with detailed weather data visualization.

🌟 Features

  • 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

🚀 Live Demo

View Live Demo (Coming Soon)

🛠️ Technology Stack

  • Frontend: React.js, TailwindCSS
  • API Integration: OpenWeatherMap API, Geolocation API
  • State Management: React Context API
  • Data Visualization: Chart.js, React-Leaflet

📊 Screenshots

Dashboard Forecast View Map Interface

Note: Screenshots will be updated once the application UI is finalized.

📋 Prerequisites

  • Node.js 14.x or higher
  • npm 6.x or higher
  • API key from OpenWeatherMap

💻 Installation

# 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 start

🔍 Usage

After starting the application, you can:

  1. Allow location access for automatic weather information
  2. Search for weather in any city worldwide
  3. View detailed forecasts, including temperature, precipitation, wind, and more
  4. Toggle between hourly and weekly views
  5. Customize settings for units (metric/imperial) and alert preferences

🧪 Running Tests

# Run test suite
npm test

# Generate test coverage report
npm run test:coverage

🚧 Roadmap

  • Add dark mode support
  • Implement weather history tracking
  • Integrate satellite imagery
  • Add severe weather alerts integration
  • Support for multiple saved locations

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📄 License

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

📬 Contact

Richard Blake - contact@richardblake.dev

Project Link: https://github.com/rblake2320/weather

About

No description, website, or topics provided.

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published