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: 6 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 7 years ago)
• Default Branch: master
• Last Pushed: 2020-01-27T15:08:17.000Z (almost 6 years ago)
• Last Synced: 2024-11-19T20:46:50.747Z (12 months ago)
• Topics: android, dart, flutter, ios, weather
• Language: Dart
• Size: 716 KB
• Stars: 154
• Watchers: 8
• Forks: 34
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-flutter-cn - 天气应用 - 使用 Canvas 和动画的天气应用，由 [Alessandro Aime](https://github.com/alessandroaime) 制作。 (模板 / 赚钱)
• awesome-flutter-cn - Weather - 通过天气应用来学习如何使用 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 - A weather app built to learn how to use Canvas and Animation in Flutter. ` 📝 2 years ago ` (Templates [🔝](#readme))
• fucking-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)

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!