Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#FlutterFlow + #Supabase - Building a Goals Tracking App + Episode 10
Play lesson

FlutterFlow for Beginners - #FlutterFlow + #Supabase - Building a Goals Tracking App + Episode 10

5.0 (0)
10 learners

What you'll learn

This course includes

  • 48.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Our #FlutterFlow application is making fantastic progress and well done if you have been following along. In this episode we perform a number of additional tweaks to our #nocode #supabase application. Firstly we implement an Empty List Widget to provide some visual feedback to the user when no Tasks or Goals have been added. Next we implement some animation to the tasks themselves within the ListView. We then commence on implementing some enhancements to the Goals page by using a Stack widget to add in a visual indicator which represents our Goal Status. In the next episode we will introduce further UI enhancements by adding in the ability to filter out Goals which are marked as archived! Really hope you enjoy this episode! If you are keen to continue from this point please grab yourself a #FlutterFlow account and clone from this project: https://app.flutterflow.io/project/my-goals-stage-8-0pvuhj If you missed an episode: Part 1: https://youtu.be/ZL83TpSECys Part 2: https://youtu.be/GhDgFXY-vFA Part 3: https://youtu.be/Wc7hP9y3B-M Part 4: https://youtu.be/zmcRj46V8Bs Part 5: https://youtu.be/qtE-NQ3sGvs Part 6: https://youtu.be/bszv7Im2c-g Part 7: https://youtu.be/gdeIXkMKOjA Part 8: https://youtu.be/ziyMqZ6M2c8 Part 9: https://youtu.be/BF576xwOPNI If you love my content why not consider buying me a coffee, it's really appreciated: https://bmc.link/thedigitalpro 00:00 Introduction 00:56 Changes we are making 01:25 Creating an empty list component 02:27 Adding the empty list to the tasks page 04:14 Animating our empty list 09:20 Adding the empty list to the goals page 10:29 Slight tweak to the goal tasks back button 10:47 Animating the tasks 12:19 Testing our tasks animation 13:19 Tracking progress visually using stacks 14:05 Using Stacks to provide a goal status indicator 19:46 Final test 20:14 Outro _____ 🚀 The Digital Pro's NoCode Academy on Patreon: https://www.thedigitalpro.co.uk/patreon (official launch in September, but welcome to join today 😉) 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere