Skip to content

About

A beautiful and minimal Weather Forecast App built with Flutter and powered by the OpenWeatherMap API.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

Repository files navigation

🌦️ Flutter Weather App

A beautiful and minimal Weather Forecast App built with Flutter and powered by the OpenWeatherMap API.
It shows the current weather, hourly forecast, and additional info such as humidity, wind speed, and pressure — all wrapped in a sleek glass-morphism UI. Second app idea of the YouTube tutorial that helped me make the currency converter before.


🧩 Features

  • 🌤 Fetches live weather data using OpenWeatherMap API
  • 🕒 Displays hourly forecast with icons and temperature
  • 💧 Shows humidity, pressure, and wind speed
  • 🔄 Pull-to-refresh for instant updates
  • 💎 Clean UI with Glass-morphism effect
  • 🚀 Built entirely using Flutter & Dart

🧠 Tech Stack

  • Framework: Flutter
  • Language: Dart
  • API: OpenWeatherMap
  • Packages Used:
    • http → to fetch data from API
    • intl → for time formatting

⚙️ Setup Instructions

  1. Clone the repo

    git clone https://github.com/<your-username>/weather_app.git
    cd weather_app
    
  2. Install dependencies bash Copy code flutter pub get

  3. Add your API key Create a file named lib/secrets.dart and add:

dart Copy code const openWeatherAPIKey = 'YOUR_API_KEY_HERE';

  1. Run the app bash Copy code flutter run

🖼 Folder Structure

graphql weather_app/ │ ├── android/ # Android specific files ├── ios/ # iOS specific files ├── lib/ │ ├── additional_info_item.dart │ ├── hourly_forecast_item.dart │ ├── main.dart │ ├── secrets.dart # contains your API key │ └── weather_screen.dart # main UI and logic │ ├── pubspec.yaml └── README.md

About

A beautiful and minimal Weather Forecast App built with Flutter and powered by the OpenWeatherMap API.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages