Flutter Budget Tracker with Notion API Tutorial | Apps From Scratch

Published: 04 June 2021
on channel: Marcus Ng

33,863

1.2k

Sign up to Notion for free 👉 http://ntn.so/marcusnotion
» Flutter courses, writeups, and source code on Launch Club 🧠
https://drp.li/Iq9Bk

» Flutter Job Board 👋
https://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: https://www.notion.so/
Notion API Docs: https://developers.notion.com/

» Remember to like, subscribe, comment, and share this video!🚨
https://www.youtube.com/MarcusNg?sub_...

» Socials📱
GitHub: https://github.com/MarcusNg
Twitter: / marcuslng

» Resources 📂
Complete Source Code: https://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 - https://LaunchClub.io/rotato

» Music 🎶
Joakim Karud ( / joakimkarud )

This video was sponsored by Notion.

#Flutter #Notion #NotionAPI