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: about 2 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 (over 4 years ago)
- Last Synced: 2024-01-28T01:58:46.025Z (5 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
Lists
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter-cn - 天气应用 - 使用 Canvas 和动画的天气应用,由 [Alessandro Aime](https://github.com/alessandroaime) 制作。 (模板 / 赚钱)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- -awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-stars - Weather
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter - Weather - Weather app to learn how to use Canvas and Animation by [Alessandro Aime](https://github.com/alessandroaime). (Templates / Monetization)
- awesome-flutter-cn - Weather - 通过天气应用来学习如何使用 Canvas 和动画,[Alessandro Aime](https://github.com/alessandroaime). (模板 / 推广和盈利)
- awesome-flutter - Weather - A weather app built to learn how to use Canvas and Animation in Flutter. ` 📝 2 years ago ` (Templates [🔝](#readme))
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!