Flutter Budget Tracker with Notion API Tutorial | Apps From Scratch

Sign up to Notion for free 👉 ntn.so/marcusnotion
» Flutter courses, writeups, and source code on Launch Club 🧠
drp.li/Iq9Bk
» Flutter Job Board 👋
drp.li/T9bLq
I'm going to teach you how to build a Budget Tracker with Flutter and the Notion API. You'll learn how to set up a database in Notion, use Notion's API to retrieve data, and visualize this data in your Flutter apps.
Notion: www.notion.so/
Notion API Docs: developers.notion.com/
» Remember to like, subscribe, comment, and share this video!🚨
kzbin.info?sub_...
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Resources 📂
Complete Source Code: github.com/MarcusNg/flutter_n...
» Timestamps 🕒
0:00 Introduction
0:46 Notion Budget Table Setup
2:18 Notion API Integration
3:00 Pubspec and .env Setup
4:29 main.dart
4:47 Item Model
5:08 Budget Repository and Notion API
9:20 Budget Screen - ListTiles
10:50 Spending Chart and Label Indicators
12:32 Refreshing Data
13:02 Thanks for watching 🙏
» Affiliates 🔥
3D Mockups - LaunchClub.io/rotato
» Music 🎶
Joakim Karud ( / joakimkarud )
This video was sponsored by Notion.
#Flutter #Notion #NotionAPI