Code with DevSarfo
Code with DevSarfo
  • 14
  • 6 208
Episode 13: Penger (Expense Tracker App) - Accounts API
Welcome to Episode 13 of our series, where we dive into building Penger, a powerful SaaS mobile application tailored for expense tracking. In this episode, we focus on creating the tables for accounts and implementing the API endpoints.
Chapters:
00:00 Introduction
00:45 Setup Account Model and Migration
04:28 Implement Account Service
10:33 Setup Account Controller
15:55 Setup Routes and Test Create Account Endpoint
20:15 Setup Relationships and Response
30:30 Setup Accessors for Initial and Current Balances
44:10 Implement Update Account Endpoint
49:40 Test Update Account Endpoint
53:05 Implement Delete Account Endpoint
56:25 Test Update Account Endpoint
59:28 Conclusion
Discord: discord.com/invite/w8DseScq
GitHub Repos:
Laravel: github.com/devsarfo/penger-api
Subscribe and hit the notification bell to follow along as we progress through each step of developing Penger!
#development #laravel #flutter
zhlédnutí: 113

Video

Episode 12: Penger (Expense Tracker App) - Currencies and Account Types API
zhlédnutí 178Před 14 dny
Welcome to Episode 12 of our series, where we dive into building Penger, a powerful SaaS mobile application tailored for expense tracking. In this episode, we focus on creating the tables for currencies and account types and implementing the API endpoints. Chapters: 00:00 Introduction 00:15 Update UI on Figma 02:39 Setup Currency Model, Migration and Seeder 10:39 Run Migration and Seeder 12:30 ...
Episode 11: Penger (Expense Tracker App) - Pin Setup Screen with Bcrypt
zhlédnutí 197Před měsícem
Welcome to Episode 11 of our series, where we dive into building Penger. In this episode, we focus on our Flutter application as we implement the Setup PIN Screen, store the PIN using Bcrypt as well as handle the routing based on the user's account state. Chapters: 00:00 Introduction 00:20 Code Improvements 04:05 Setup Pin Field and Route 04:05 Setup Pin Field and Route 07:25 Build Pin Setup Sc...
Episode 10: Penger (Expense Tracker App) - Login and Reset Password Screens
zhlédnutí 405Před měsícem
Welcome to Episode 10 of our series, where we dive into building Penger. In this episode, we focus on our Flutter application as we integrate the login and password reset endpoints as well as handle the routing based on the user's account state. Chapters: 00:00 Introduction 00:15 Signup and Verify Account 01:50 Design Login Screen 11:21 Integrate Login Endpoint 17:15 Test Login Flow 18:18 Desig...
Episode 9: Penger (Expense Tracker App) - Verification Screen + Hive Setup
zhlédnutí 169Před měsícem
Welcome to Episode 9 of our series, where we dive into building Penger. In this episode, we focus on our Flutter application as we integrate the verification endpoints and persist the user information to the local storage with improvements to the signup screen. Chapters: 00:00 Introduction 00:17 Setup Verification Method 01:15 Install Hive 03:22 Other ORMs 04:07 Setup User Model 08:05 Initialis...
Episode 8: Penger (Expense Tracker App) - Verification Screen
zhlédnutí 365Před měsícem
Welcome to Episode 8 of our series, where we dive into building Penger. In this episode, we focus on our Flutter application as we design verification and make improvements to the signup screen. Chapters: 0:00 Introduction 0:15 Code Improvements 12:27 Design Verification Screen 31:01 Implement Timer 38:33 Implement Input Fields 52:20 Code Improvements 53:30 Conclusion Discord: discord.gg/awBgE9...
Episode 7: Penger (Expense Tracker App) - Signup Screen with APIs
zhlédnutí 303Před měsícem
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...
Episode 6: Penger (Expense Tracker App) - Signup Screen
zhlédnutí 251Před 2 měsíci
Welcome to Episode 6 of our series, where we dive into building Penger. In this episode, we focus on our Flutter application as we create the signup screen. Chapters: 0:00 Introduction 0:22 Create Signup Screen 1:15 Route to Signup Screen 2:59 Design Signup Screen 8:30 Design Text Input Component 25:10 Design Checkbox Input Component 37:40 Design Form Buttons & Texts 52:03 Screen Improvements 5...
Episode 5: Penger (Expense Tracker App) - Onboarding Screen
zhlédnutí 652Před 2 měsíci
Welcome to Episode 5 of our series, where we dive into building Penger. In this episode, we focus on our flutter application as we create the onboarding screen. Chapters: 0:00 Introduction 0:15 Run the application 1:27 Create Resources 6:53 Create Routes 7:30 Create Splash Screen 10:25 Create Walkthrough Screen 11:15 Implement Routing 15:35 Setup Inter Font 18:05 Create Components for Walkthrou...
Episode 4: Penger (Expense Tracker App) - Authentication API (Password Reset)
zhlédnutí 372Před 2 měsíci
Welcome to Episode 4 of our series, where we dive into building Penger. In this episode, we focus on creating the repository for our project, reformatting the verification code email, and implementing the Password OTP and Reset API endpoints. GitHub: github.com/devsarfo/penger-api Chapters: 0:00 Introduction 0:20 Setup Routes for Reset OTP and Password 1:13 Implement Reset OTP Method 5:50 Updat...
Episode 3: Penger (Expense Tracker App) - Authentication API (OTP/E-mail)
zhlédnutí 567Před 2 měsíci
Welcome to Episode 3 of our series, where we dive into building Penger, a powerful SaaS mobile application tailored for expense tracking. In this episode, we focus on creating the table for our verification code, setting up the email delivery using Gmail's SMTP, and implementing the OTP and Account Verification API endpoints. Chapters: 0:00 Introduction 0:20 Setup SMTP using Gmail 3:22 Setup OT...
Episode 2: Penger (Expense Tracker App) - Authentication API (Login/Register)
zhlédnutí 932Před 2 měsíci
Welcome to Episode 2 of our series, where we dive into building Penger, a powerful SaaS mobile application tailored for expense tracking. In this episode, we focus on creating the tables, setting up the Laravel API & Sanctum, and implementing the Login and Register API endpoints. Chapters: 0:00 Introduction 0:20 Setup Database and Migrations 3:41 Setup Laravel API with Sanctum 5:28 Setup Authen...
Episode 1: Penger (Expense Tracker App) - Setup Project
zhlédnutí 1,6KPřed 2 měsíci
Welcome to Episode 1 of our series where we dive into building Penger, a powerful SaaS Mobile Application tailored for expense tracking. In this episode, we focus on setting up our development environment and laying the groundwork using Laravel for our backend and Flutter for our frontend. Chapters: 0:00 Introduction 0:33 Tech Stack 1:25 Setup Laravel Herd 1:55 Create Laravel Project 2:25 Setup...
Coding made easy with DEVSARFO
zhlédnutí 73Před rokem
Whether you're a beginner looking to learn the basics or an experienced developer looking to expand your knowledge and skills, I've got something that's right for you. - Web Applications using React (Next.js) - Backend APIs using PHP (Laravel) and C# - Mobile Applications Using Flutter

Komentáře

  • @josephfelix1270
    @josephfelix1270 Před 27 dny

    I am not getting where settings is I am using Windows

    • @devsarfo
      @devsarfo Před 22 dny

      On Windows, you do not get the MySQL issue faced. This was a MacOS-specific issue.

  • @mvegap
    @mvegap Před měsícem

    Thanks for the video

  • @MWStudiooo
    @MWStudiooo Před měsícem

    Great video. How are you getting git command suggest in android studio terminal? And how do setup the UI for terminal?

    • @devsarfo
      @devsarfo Před měsícem

      I am using the New Terminal (Beta) for JetBrains IDEs. You can read more on how to enable it below: blog.jetbrains.com/idea/2024/02/the-new-terminal-beta-is-now-in-jetbrains-ides

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Brother, How to Dynamically Change Application Languages?

    • @devsarfo
      @devsarfo Před 22 dny

      We can do that by taking the user's locale for each request. I will demonstrate it in subsequent videos

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Which VS Code Extension you're using?

    • @devsarfo
      @devsarfo Před měsícem

      Laravel Extension Pack

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Great Content. Please include Rate Limiting....

    • @devsarfo
      @devsarfo Před měsícem

      Noted. We will talk about it in the subsequent videos

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Which State Management you're using?

    • @devsarfo
      @devsarfo Před měsícem

      Currently, we haven't used any as I am keeping this series very simple.

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Thank you so much Brother❤

    • @devsarfo
      @devsarfo Před měsícem

      You're welcome 😊

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Hello brother, please include Notification System.

    • @devsarfo
      @devsarfo Před měsícem

      Yes, we will be integrating Firebase for Push Notifications

  • @mdsafikulislam9113
    @mdsafikulislam9113 Před měsícem

    Thank you so much Brother! Please continue this series ASAP.

  • @basil9238
    @basil9238 Před měsícem

    using your way. If someone gets an OTP code via email and gives it to a friend to verify their account, will it work for the friend, or is the code only usable with the original recipient's email?

    • @devsarfo
      @devsarfo Před měsícem

      No, the OTP only works for the email address it was issued to.

  • @erickwakye4491
    @erickwakye4491 Před měsícem

    Great Job

  • @amremad6332
    @amremad6332 Před měsícem

    thanks a lot : ) very good keep going

  • @mugerwaobadiah1621
    @mugerwaobadiah1621 Před měsícem

    Currently am having issues with token, and storing user information and accessing it from the provider. Am using provider for state management

    • @devsarfo
      @devsarfo Před měsícem

      Sorry to know you are having such issues. We will handle storing the token and user information in the next episodes. Until then you can message me on discord: @devsarfo and I will help you with the problem.

    • @mugerwaobadiah1621
      @mugerwaobadiah1621 Před měsícem

      @@devsarfo thanks so much, let MI wait so far, I am improving on my laravel plus learning flutter. I am grateful to have seen this channel.

  • @Iam_sami_8080
    @Iam_sami_8080 Před měsícem

    learn a lot from these series, God bless you brotherly.

    • @devsarfo
      @devsarfo Před měsícem

      Thank you very much

  • @KashifNaeem-r2t
    @KashifNaeem-r2t Před měsícem

    Keep it up bro

    • @devsarfo
      @devsarfo Před měsícem

      Thank you very much

  • @mugerwaobadiah1621
    @mugerwaobadiah1621 Před měsícem

    Great, waiting for other parts, am following

    • @devsarfo
      @devsarfo Před měsícem

      Nice, glad to have you on board

    • @mugerwaobadiah1621
      @mugerwaobadiah1621 Před měsícem

      @@devsarfo for state management, are we to use Getx coz it seems simplier, it solved the problem I had just in seconds

  • @narheben
    @narheben Před měsícem

    Solid tutor💯

  • @narheben
    @narheben Před měsícem

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

  • @SABSTECH_HUB
    @SABSTECH_HUB Před 2 měsíci

    super

  • @abdullatifabdu
    @abdullatifabdu Před 2 měsíci

    hi, which laravel extenstion did you use for Laravel for auto import Libraby ?

    • @devsarfo
      @devsarfo Před 2 měsíci

      I use PHP Intelephense but I also recommend that you add Laravel Extension Pack for Visual Studio Code PHP Intelephense: marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client Laravel Extension Pack: marketplace.visualstudio.com/items?itemName=onecentlin.laravel-extension-pack

  • @irawan953
    @irawan953 Před 2 měsíci

    Great Tutorial :)

  • @hinimajesty3769
    @hinimajesty3769 Před 2 měsíci

    +1 for the 4K resolution

  • @abdullatifabdu
    @abdullatifabdu Před 2 měsíci

    Hi, i can see that it is a very understandable tutorial, we look forward to seeing more and awesome tutorials using flutter laravel and msql tech, keep it up😊😊😊😊

    • @devsarfo
      @devsarfo Před 2 měsíci

      @@abdullatifabdu Thank you ❤️

  • @rscreations2539
    @rscreations2539 Před 2 měsíci

    Please give the figma design file

    • @devsarfo
      @devsarfo Před 2 měsíci

      Here you go! www.figma.com/community/file/998557875473123405 Don't forget to subscribe and hit the notification bell to follow along as we progress.

  • @martinettlin7996
    @martinettlin7996 Před 2 měsíci

    Nice video can you deploy app, I’ve done the programming but I don’t know how to deploy app on stores

    • @devsarfo
      @devsarfo Před 2 měsíci

      Yes, in the end, we would deploy the app to both Google Play and Apple App Store. Kindly subscribe and hit the notification bell to follow along as we progress.

    • @martinettlin7996
      @martinettlin7996 Před 2 měsíci

      @@devsarfo I will

    • @Netcode-Hub
      @Netcode-Hub Před 2 měsíci

      Another Ghanaian developer discovered. Big up bro #NetcodeHub

  • @yongamamkolokotho9904
    @yongamamkolokotho9904 Před 2 měsíci

    Where can we get the figma link

    • @devsarfo
      @devsarfo Před 2 měsíci

      Here you go! www.figma.com/community/file/998557875473123405

  • @larsfagerbakke2140
    @larsfagerbakke2140 Před 2 měsíci

    A nice episode, very informative. Looking forward to the next one!

    • @devsarfo
      @devsarfo Před 2 měsíci

      Glad you enjoyed it!

  • @creativeoduro
    @creativeoduro Před 2 měsíci

    Good work Boss. Keep it up

  • @narheben
    @narheben Před 2 měsíci

    Interesting 💯

  • @AbdulKudusIssah
    @AbdulKudusIssah Před 2 měsíci

    This is awesome...

  • @richmondbaah7479
    @richmondbaah7479 Před 2 měsíci

    🥰

  • @philip_abakah
    @philip_abakah Před 2 měsíci

    Love this 🔥🔥🔥

  • @narheben
    @narheben Před 2 měsíci

    You really pay attention to details, the real senior dev. I love this 🔥🔥🔥🔥

  • @narheben
    @narheben Před 2 měsíci

    Solid work, you are really doing well 🔥🔥🔥

  • @philip_abakah
    @philip_abakah Před 2 měsíci

    Let’s goooo 🔥🔥🔥