Skip to content

MahmooudHesham/Weather-app

Repository files navigation

☁️ Weather App

A modern, responsive Weather Application built with Flutter. This app allows users to check real-time weather conditions for any city in the world, featuring dynamic UI updates based on weather status.

Flutter Dart API

📱 Screenshots

Search City Sunny Weather Cloudy Weather

✨ Features

  • Real-time Data: Fetches accurate weather data using [WeatherAPI].
  • Search Functionality: Search for any city worldwide.
  • Dynamic UI: Background colors and themes change based on the weather condition (Sunny, Rainy, Cloudy, etc.).
  • Error Handling: Displays user-friendly messages for invalid city names or network errors.
  • Responsive Design: Clean interface that works on all screen sizes.

🛠️ Tech Stack

  • Framework: Flutter
  • Language: Dart
  • State Management: Flutter Bloc (Cubit)
  • Networking: Dio
  • API: WeatherAPI.com

🚀 How to Run

  1. Clone the repository:

    git clone [https://github.com/your-username/weather-app.git](https://github.com/your-username/weather-app.git)
  2. Install dependencies:

    cd weather_app
    flutter pub get
  3. Setup API Key (Important):

    • Get a free API key from WeatherAPI.com.
    • Go to lib/services/weather_service.dart (or wherever you put it).
    • Replace 'YOUR_API_KEY' with your actual key.
  4. Run the app:

    flutter run

📂 Project Structure

lib/
├── cubits/          # State Management (WeatherCubit)
├── models/          # Weather Model (Json Parsing)
├── services/        # API Calls (Dio)
├── views/           # UI Screens (HomeView, SearchView)
├── widgets/         # Custom Widgets (No Weather body, Weather info body)
└── main.dart        # Entry point

About

A responsive Flutter Weather App that fetches real-time data and changes UI themes dynamically based on weather conditions.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages