/Weather-App-2.0---Flutter

The "Weather App 2.0" project utilizing the OpenWeatherMap API is a mobile application designed to provide users with up-to-date weather information. Users can easily access current weather conditions, forecasts, and related data for their selected locations. Users seeking accurate weather information on the go.

Primary LanguageDartGNU General Public License v3.0GPL-3.0

Logo

Weather App 2.0 - Flutter

The "Weather App 2.0" project utilizing the OpenWeatherMap API is a mobile application designed to provide users with up-to-date weather information. Users can easily access current weather conditions, forecasts, and related data for current location. This project leverages the OpenWeatherMap API to fetch real-time weather data for current day & forecast of 7 days ahead, making it a valuable tool for users seeking accurate weather information on the go.

Tech Stack

Client: Flutter, Dart

Pub Packages: geocoding, geolocator, http, intl

API Reference

  lib/api/openweather_api.dart
Parameter Type Description
apiKey string Required. YOUR OpenAI KEY HERE

OpenWeather Map API Docs v3.0

If you don't have an API Key then CREATE HERE

Features

  • Live weather info
  • Hourly forecast for 48 hours
  • Daily forecast for 8 days
  • Cross platform
  • Smooth animations
  • Weather based on live location
  • Light & Dark Theme options

Screenshots

Dark Theme

Loading Home Screen Tab(Today) Home Screen Tab(Today) 2 Home Screen Tab(Tomorrow) Home Screen Tab(Tomorrow) 2 Weather Legend Weather Legend 2

Light Theme

Loading Home Screen Tab(Today) Home Screen Tab(Today) 2 Home Screen Tab(Tomorrow) Home Screen Tab(Tomorrow) 2 Weather Legend Weather Legend 2

Color Reference

Dark Theme

Color Hex
Primary Color #1F1F1FFF #1F1F1FFF
Secondary Color #282828FF #282828FF
Gradient From Color #2B5EE5FF #2B5EE5FF
Gradiant To Color #EF63E6FF #EF63E6FF
Active Text Color #FFFFFFFF #FFFFFFFF
Inactive Text Color #BDBDBDFF #BDBDBDFF

Light Theme

Color Hex
Primary Color #FFFFFFFF #FFFFFFFF
Secondary Color #EDF6F9FF #EDF6F9FF
Gradient From Color #F3F3F3FF #F3F3F3FF
Gradiant To Color #EDF6F9FF #EDF6F9FF
Active Text Color #000000FF #000000FF
Inactive Text Color #757575FF #757575FF
Icon Color #007AD9FF #007AD9FF

Fonts

Poppins

Icon Assets

Weather Icons Folder

Icons Folder

Installation

git clone "https://github.com/SheershBhatnagar/Weather-App-2.0---Flutter.git"
cd Weather-App-2.0---Flutter-master

Open the project in your desired editor.

Paste your API Key in openweather_api.dart

Build your flutter App

Terminal

flutter build android
flutter build ios
flutter build linux
flutter build macos
flutter build web
flutter build windows

Android Studio

Build > Flutter > Build AAR

Build > Flutter > Build APK

Build > Flutter > Build App Bundle

Build > Flutter > Build iOS

Build > Flutter > Build Web

License

GNU General Public License v3.0

GPLv3 License

Support

For support, email i@sheershbhatnagar.me

🔗 Links

linkedin twitter