An elegant, easy on the eyes weather app built with flutter

Overview

Flutter Weather

A Flutter application to view current weather status.

preview

Features

  • Beautiful minimal UI
  • Dark and Light themes
  • Current temperature, max and min temperature, sunset, sunrise
  • Custom icons for each weather condition
  • 5 day forecast
  • Beautifully animated transitions
  • BLoC pattern for API calls
  • Line graph to show temperature variance

Getting Started

Prerequisites

Flutter

Installing

API Key

Create a file called api_keys.dart in lib/src/api/

Make a class called ApiKey with your openweathermaps API key in it. Get it here

eg:

class ApiKey {
  static const OPEN_WEATHER_MAP = 'your_key';
}

todo

  • i18n support for multiple languages

Acknowledgments

You might also like...

A beautiful weather forecasting application built with the Flutter development kit. Available on Android and iOS.

A beautiful weather forecasting application built with the Flutter development kit. Available on Android and iOS.

Flutter Weather A beautiful weather forecasting application built with the Flutter development kit. Screenshots Analysis Run Application This project

Oct 17, 2022

A flutter widget to indicate loading progress. Easy to use, easy to extend

💙 👾 💫 A flutter widget to indicate loading progress. Easy to use, easy to extend

May 30, 2022

Weather app created using Flutter and Dart

Weather app created using Flutter and Dart

FlutterWeather FlutterWeather A simple weather App created using Flutter and Dart and using API from OpenWeatherMap Features Automatically acquire use

Dec 30, 2022

A simple flutter app that fetches weather data from openweathermap.org depending on your location or city you specify.

A simple flutter app that fetches weather data from openweathermap.org depending on your location or city you specify.

Clima ☁ My Goal The objective of this project is to learn about asynchronous programming in Dart. I'll be looking at how to carry out time consuming t

Sep 28, 2021

Flutter Weather App Example using the OpenWeatherMap API

Flutter Weather App Example using the OpenWeatherMap API

Flutter Weather App Example An example Flutter weather app using the OpenWeatherMap API. Related Tutorials Flutter App Architecture: The Repository Pa

Dec 28, 2022

The same old Weather App, But 'In Flutter , By Me'

The same old Weather App, But 'In Flutter , By Me'

Weather App v1.0.1 About The same old Weather App, But 'In Flutter , By Me' . NB Still in developement Stats ### v1.0.1 - Started a Basic outline of

Sep 7, 2022

A weather flutter app.

A weather flutter app.

知天气 知天气主要功能包含关注城市天气页面,城市管理页面,城市搜索页面等功能,小到小时级天气信息,空气质量信息以及风力风向,大到7天天气预报以及全国范围内的天气云图。知天气懂天气更懂你。 知天气主要采用Flutter技术开发,采用现阶段非常流行的Bloc框架。 功能介绍 主页面:可以展示多个城市的天

Dec 17, 2022

A Flutter Weather App primarily developed to showcase my technical knowledge as well as practices I believe are the best.

A Flutter Weather App primarily developed to showcase my technical knowledge as well as practices I believe are the best.

Weather One This is a Flutter Weather App primarily developed to showcase my technical knowledge as well as practices I believe are the best. The weat

Apr 27, 2022

Climate - Learn how to make a Weather app in Flutter

Climate - Learn how to make a Weather app in Flutter

More detailed weather reports also contain information about precipitation, relative humidity, atmospheric pressure, and other things as well. A typical weather report tells you the high and low temperatures for the past day. It also tells you the present temperature.

Oct 19, 2022
Comments
  • I got Error when running

    I got Error when running

    I cloned the repo, Installed required dependencies and created the API class as in the instructions. When I run the code for the first time I got the following Error:

    "Install Android SDK Build-Tools 28.0.3 (revision: 28.0.3)" finished.
    ../../../AppData/Local/Pub/Cache/hosted/pub.dartlang.org/charts_flutter-0.10.0/lib/src/behaviors/legend/legend_entry_layout.dart:134:45: Error: The getter 'body1' isn't defined for the class 'TextTheme'.
     - 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('/C:/src/flutter/packages/flutter/lib/src/material/text_theme.dart').
    Try correcting the name to the name of an existing getter, or defining a getter or field named 'body1'.
          color ??= Theme.of(context).textTheme.body1.color;
                                                ^^^^^
    
    
    FAILURE: Build failed with an exception.
    
    * Where:
    Script 'C:\src\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1070
    
    * What went wrong:
    Execution failed for task ':app:compileFlutterBuildDebug'.
    > Process 'command 'C:\src\flutter\bin\flutter.bat'' finished with non-zero exit value 1
    
    * Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
    
    * Get more help at https://help.gradle.org
    
    BUILD FAILED in 4m 0s
    Exception: Gradle task assembleDebug failed with exit code 1
    
    
    "Install Android SDK Build-Tools 28.0.3 (revision: 28.0.3)" finished.
    ../../../AppData/Local/Pub/Cache/hosted/pub.dartlang.org/charts_flutter-0.10.0/lib/src/behaviors/legend/legend_entry_layout.dart:134:45: Error: The getter 'body1' isn't defined for the class 'TextTheme'.
     - 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('/C:/src/flutter/packages/flutter/lib/src/material/text_theme.dart').
    Try correcting the name to the name of an existing getter, or defining a getter or field named 'body1'.
          color ??= Theme.of(context).textTheme.body1.color;
                                                ^^^^^
    
    
    FAILURE: Build failed with an exception.
    
    * Where:
    Script 'C:\src\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1070
    
    * What went wrong:
    Execution failed for task ':app:compileFlutterBuildDebug'.
    > Process 'command 'C:\src\flutter\bin\flutter.bat'' finished with non-zero exit value 1
    
    * Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
    
    * Get more help at https://help.gradle.org
    
    BUILD FAILED in 4m 0s
    Exception: Gradle task assembleDebug failed with exit code 1
    
    
    opened by MohammedSalahadin 0
Owner
Ananthu P Kanive
Mobile Developer
Ananthu P Kanive
A weather app that allows the user to find out the live weather data of any city.

Clima ☁ My Goal My objective of completing this project was to learn about asynchronous programming in Dart, how to carry out time consuming tasks suc

Ginny (Khue) Dang 1 May 6, 2022
A weather application and the location is hard-coded to fetch weather data from London.

Weather Application This project is a weather application and the location is hard-coded to fetch weather data from London. Regarding the state manage

André Nogueira 2 Jun 21, 2022
Flutter-calculator - An elegant calculator app written in Flutter

Elegant Calculator A simple and elegant Calculator app developer in Flutter. Preview Getting Started This project is a starting point for a Flutter ap

Shubham Soni 103 Oct 21, 2022
NewsApp UI - A clean and elegant news app UI for flutter

news_app_ui A clean and elegant news app UI. It only has two screens, one to dis

Shishir Rijal 2 Oct 24, 2022
A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter.

Calculator A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter. Down

Hemant Rajput 15 Dec 7, 2022
A simple yet elegant tip calculator created using flutter framework and dart language.

CAL- TIP, A TIP CALCULATOR APPLICATION A simple yet elegant tip calculator created using flutter framework and dart language. As the name suggests, th

Nitin Verma 0 Dec 26, 2021
Goose ui - An elegant uikit for flutter desktop

goose_ui an elegant uikit for flutter desktop. Getting Started run example cd ex

null 4 Nov 25, 2022
A weather app built to learn how to use Canvas and Animation in Flutter.

Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath

Alessandro Aime 147 Dec 21, 2022
Weather App Built with Flutter and OpenWeatherMap API

Welcome to Flutter Weather ?? Weather App Built with Flutter and OpenWeatherMap API ?? See Screenshots See ScreenShots Download APK Getting Started To

Hanzla 16 Dec 26, 2022