Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alessandroaime/Weather

A weather app built to learn how to use Canvas and Animation in Flutter.
https://github.com/alessandroaime/Weather

android dart flutter ios weather

Last synced: 3 months ago
JSON representation

A weather app built to learn how to use Canvas and Animation in Flutter.

Awesome Lists containing this project

README

        

# Weather

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## 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 `openweather_api.dart` file (more info at [https://openweathermap.org/appid](https://openweathermap.org/appid)).

## Back to the app

*I started from scatch with Flutter and Dart two weeks ago (2018/02/02), a refactoring is needed due to the ugliness of the current code since my main purpose is/was to learn them at first.*

The idea behind this weather application (currently only the login page) is to learn how to use Canvas and Animation in Flutter.

It all started from an [inspirational mockup](https://dribbble.com/shots/2695917-Weather-Login-App) two days ago, and here's the *current* result:

![test](./README/comparison.jpg)

The background has been entirely coded (see [`header_painter.dart`](https://github.com/alessandroaime/Weather/blob/master/lib/header_painter.dart)) except for the deer image, which has been **temporarily** appended using the `Stack` widget rather than painting it.

Enjoy it!