Episode 7: Penger (Expense Tracker App) - Signup Screen with APIs

Welcome to Episode 7 of our series, where we dive into building Penger. In this episode, we focus on our Flutter application as we integrate our registration endpoint into the signup screen we designed from the previous episode.
Chapters:
0:00 Introduction
0:15 Improve Text Style
1:20 Improve Icon Buttons
2:45 Expose Laravel App to Simulator
4:35 Setup API Service
6:30 Install json_serializable package
9:45 Install dio package
10:40 Implement API Service
15:47 Implement Auth Controller
25:38 Show API Errors to User
30:25 Refactor Snackbar into Helper Class
33:03 Show Field Errors from API
41:00 Handle Successful Registration
43:53 Handle Checkbox Validation
46:25 Test Signup Process
47:15 Handle Empty Space Validation in Fields
51:10 Conclusion
GitHub Repos:
Laravel: github.com/devsarfo/penger-api
Flutter: github.com/devsarfo/penger-mo...
Subscribe and hit the notification bell to follow along as we progress through each step of developing Penger!
#mobileapp #development #laravel #flutter #API

[@narheben]

You are using Dio, interesting ❤‍🔥❤‍🔥❤‍🔥

[@devsarfo]

Yes I am 😁