Sri Lanka Weather Tracker

Real-time weather tracking application for 120+ locations across Sri Lanka, featuring 5-day forecasts, weather alerts, and advanced data visualization.

Features

• 120+ Locations - Coverage across all 9 provinces of Sri Lanka
• 5-Day Forecast - Extended predictions with Chart.js visualizations
• Weather Alerts - Real-time notifications for extreme conditions
• Geolocation - Auto-detect nearest weather station
• Location Comparison - Compare weather across multiple locations
• Data Export - Export in CSV/PDF formats
• Glassmorphism UI - Modern design with dynamic backgrounds
• Responsive - Optimized for all devices

Screenshots

Dashboard

Weather Forecast

Temperature Analytics

Weather Alerts

Quick Start

Prerequisites

• XAMPP with PHP 7.4+ and MySQL/MariaDB
• Modern web browser

Installation

# Clone repository
git clone https://github.com/reezmahanan/Weather-App.git

# Configure MySQL port (optional)
# Edit my.ini: port = 3307

# Start Apache and MySQL in XAMPP

# Copy files to htdocs
# Access: http://localhost/Weather-App/

Database and tables auto-create on first run.

Technology Stack

Backend: PHP, MySQL, PDO
Frontend: HTML5, CSS3, JavaScript (ES6+), Chart.js
Design: Glassmorphism, CSS Grid/Flexbox
Tools: XAMPP, Git

Project Structure

Weather-App/
├── index.php          # Main application
├── script.js          # JavaScript functionality
├── style.css          # Styling
├── screenshots/       # Screenshots
└── README.md          # Documentation

Contributing

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

License

MIT License - see LICENSE file for details.

Author

Reezma Hanan
GitHub: @reezmahanan

---

⭐ Star this repo if you find it useful!