Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/alessandroaime/Weather
- Owner: alessandroaime
- License: mit
- Archived: true
- Created: 2018-02-17T23:32:39.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-01-27T15:08:17.000Z (almost 5 years ago)
- Last Synced: 2024-04-22T04:51:29.526Z (7 months ago)
- Topics: android, dart, flutter, ios, weather
- Language: Dart
- Size: 716 KB
- Stars: 153
- Watchers: 8
- Forks: 35
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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!