Challenge Overview
This is a fun challenge. Top 10 members will be awarded a cash prize. The winner will receive $150, the remaining 9 members will receive $30 each.
Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.
Flutter is the next generation cross-platform development framework. The stable version was released in 2018, and it has become more and more popular during recent years. Flutter is a young but useful technology, you will never regret spending time learning it.
Learning Series - Flutter series challenges are exactly for guiding you to enter the Flutter world! The series will consist of 3 Challenges, Blogs, Tutorials and Forum Discussions to help you Learn Flutter and Make Quick Apps.
You can also win Cash Prizes!
While you learn Flutter with us we are encouraging you to help the community know about the interesting apps you make while you learn. Compete in all three challenges, make apps and submit a Step by Step Guide - "Build an App using Flutter" article for Topcoder Thrive. The articles should be beginner-friendly and explain concepts wherever possible. The best five articles and app submissions will win $100 each!
Requirements for this challenge
This is the last challenge of the Learn Flutter With Topcoder series.
In the first challenge, by following the step-by-step guide in the tutorial Part 1 and Part 2, you wrote your first Flutter app and learned
-
How to write a Flutter app that looks natural on iOS, Android, and the web
-
The basic structure of a Flutter app
-
How to create an infinite, lazily loaded list
-
How to change the look of an app using themes.
-
How to create and navigate to a second screen.
In the second challenge, you built a Flutter app on top of Google Map and learned
-
How to configure a Google Maps Flutter plugin.
-
How to add Markers to a map, using location data from a web service.
-
etc..
In the second challenge, we received many good submissions that marked the coronavirus infected location in the Google Map. These are impressive and great!
In this challenge, we want you to extend it a bit further, build an app with Coronavirus REST API for social good.
As we all know, Coronavirus (Covid-19) has been spread all around the world, and the economy, business, school, our daily life, health, almost everything has been significantly affected. You have learned fundamental knowledge of Flutter, then we would like you to build a Flutter app that might help people at any point.
Postman provides a set of APIs about coronavirus, it includes
-
Twitter and YouTube API feeds
-
RSS feeds
-
Current cases and more information about COVID-19
-
Aggregate news API for pulling news from across multiple news sources
-
etc
Here are more open APIs waiting to be added in the list, you can also take them as a reference.
You can develop any kind of app that might help people at any point, including but not limited to:
-
Newsreader: Pull and show the latest news about coronavirus
-
Data visualizer: Build charts to visualize the coronavirus historical data, so we can view the trend.
-
Video player: Embed youtube videos that are coronavirus news related.
-
Map marker: Mark the locations in Google Maps (Some of you already did in challenge 2!)
The minimal requirement of the app is
-
Build with Flutter
-
The data should be fetched from API. You can use any public API (not limited to the APIs provided by Postman)
-
If you already submitted a coronavirus related app in challenge 2, you cannot just submit the same app in this challenge, it means you need to make a different app or improve the original one (adding more useful features, etc).
Here are some useful resources (articles, tutorials, code) for your reference:
-
Fetch data from the Internet: it teaches you how to call APIs in Flutter.
-
Create charts with Flutter
-
Flutter news app:
-
Youtube player for Flutter
What will you learn?
-
How to write a Flutter app that looks natural on iOS, Android, and the web
-
The basic structure of a Flutter app
-
Networking programming.
-
How to fetch data from the Internet
-
Async programming
-
-
How to build charts, display news, embedded youtube players, etc in Flutter.
-
Enhance the skills you learned from the previous challenge.
You will also learn some basics of the Dart language. Here is a tutorial to help you learn Dart more deeply.
If you didn’t participate in the previous challenge and don’t know Flutter, no worries, just follow the following step-by-step guide to get started!
-
Write your first Flutter app Part 1 https://codelabs.developers.google.com/codelabs/first-flutter-app-pt1/#0
-
Write your first Flutter app Part 2: https://codelabs.developers.google.com/codelabs/first-flutter-app-pt2/#0
Further learning resources
Learn more about the Flutter SDK:
-
Building layouts in Flutter tutorial
-
Add interactivity tutorial
Other resources include:
-
Build Native Mobile Apps with Flutter (a free Udacity course)
-
From Java to Dart codelab
Scoring guideline
You need to write a Flutter app that consumes at least one coronavirus related API. the Flutter app that might help people at any point.
Then you need to submit your code and a video to showcase your demo app (in either Android or iOS emulator/real devices).
We will review your submission subjectively, the more interesting and useful your app is, the higher rank you will get.
Top 10 members will be awarded a cash prize. The winner will receive $150, the remaining 9 members will receive $30 each.
Looking forward to your great submission and enjoy Learning!
Final Submission Guidelines
Submit a zip archive, including
-
The full source code of your Flutter project
-
A video to showcase your demo app (in either Android or iOS emulator/real devices). Please upload your video elsewhere (like in Youtube, Google Drive, Dropbox etc) and share the link in your submission.
-
A simple README about how to deploy and run your code