Hard | 1000 points | Topcoder Skill Builder Competition | Flutter

Key Information

Register
Submit
Competition Timeline

Timezone:Etc/UTC

Registration

Starts

Sep 06, 2021

18:23

Ends

Oct 06, 2021

18:24

Submission

Starts

Sep 06, 2021

18:44

Ends

Oct 06, 2021

18:46

Review

Starts

Oct 06, 2021

18:47

Ends

Oct 08, 2021

18:47

Appeals

Starts

Oct 08, 2021

18:47

Ends

Oct 09, 2021

18:47

Winners Announced

Oct 10, 2021

06:47

Challenge Overview

This is the 1000 points Hard level problem of Topcoder Skill Builder Competition for Flutter. For more challenge context info Register for the Host Competition before submitting a solution to this problem. In all the three Flutter Skill Builder competitions, you need to develop the app in Visual Studio Code using the Flutter Extension Pack.

Bruce wants to share his collection with his PC user friends and also his proud elderly parents and their friends, most of who do not own a smartphone.

Add Web Support

  • Add web support to your app by using the proper commands in VS CODE

Note: Web support is still in the early stage of release, so be sure to create a backup of your program before adding.

Be sure to switch the channel to dev or master by using the command flutter channel - channel name

Fetch data from API to populate gridview

  • You will implement the HTTP client to enable your app to fetch data from API.

  • Import the dependency:

  • Dependencies are stored in the pubspec.yaml file in the root directory of your project.

    The latest version is: http: ^ 0.13.3

In VS Code: Click Get Packages located on the right side of the action ribbon at the top of
pubspec.yaml.

Use the images inlcluded in the forum for the gridview.

Add a favorites icon to the image tiles

  • Create a stateful widget that adds a favorites icon to the image tiles.
  • Use the color constructor to set the color of the icon to red. You may use the heart icon.

Technology Stack

  • Dart
  • Flutter
  • Android Studio
  • Xcode <br /> <br /> <br />

Learning Resources

DART Language Tour Running a Flutter App

Important Notes

Please use the correct naming convention for your code (refer to the forum post.) This contest is part of the Flutter Skill Builder Contest. Successfully completing the task will earn you 250 points on the Flutter Development Skill Builder Leaderboard. Problems

  • Easy (link): 250 Points
  • Medium (link): 500 Points
  • Hard: 1000 Points - this problem

Final Submission Guidelines

  • The source code of your Flutter project.
  • Deployment guide and validation document.
  • A demo video to verify that your submission meets all the requirements (Optional).

ELIGIBLE EVENTS:

2022 Topcoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30204331