Discover how to build a powerful Budget Planner App using React Native! In this step-by-step tutorial, we delve into creating a full-stack React Native application utilizing Expo, Supabase, and Kinde.
⭐ Kinde : https://kinde.com
⭐ Eraser.io : https://www.eraser.io/
🌟 Now Start Building Real Life Projects to Make Real Money: https://tubeguruji.com
📚 Materials/References:
GitHub Repository For Application (give it a star ⭐): https://dcmk.short.gy/budget-planner
Free Source Code for Members: https://www.tubeguruji.com/course-preview/react-native-full-stack-budget-planner-app
Supabase : https://supabase.com/
@Supabase
🖼️ Follow us on Instagram: https://www.instagram.com/tubeguruji/
/TubeGuruji
💼 Business Inquiries: [email protected]
Join this channel to get access to perks:
https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join
------------Chapters-----------
00:00:00 Introduction
00:04:18 Project Setup
00:23:14 App Workflow
00:26:16 Authentication
01:01:24 Tab Navigation
01:09:45 Backend Setup (Supabase)
01:23:45 Home Screen (Header)
01:31:04 Home Screen (Donut Chart)
01:40:18 Google font (App Font)
01:45:11 Add New Category/Budget
02:18:18 Display Category on Home Screen
02:47:14 Category Details
03:25:59 Add New Category Item
04:03:35 Loading Indicator
04:10:37 Delete Category
04:16:59 Update Donut Chart
04:33:40 Delete & Open Url (Item Action)
04:43:18 Quick Fix/Final Chapter