- Видео 16
- Просмотров 8 091
Code with DevSarfo
Добавлен 9 окт 2015
Welcome to my RUclips channel! Here you will find a variety of content related to software development, including tutorials, tips, and best practices for building high-quality software. Whether you're a beginner looking to learn the basics or an experienced developer looking to expand your knowledge and skills, this channel has something for you.
Here are just a few of the topics you can expect to find on my channel:
- Programming languages such as C#, PHP, Java, Python, C++, and more
- Software development frameworks and libraries
- Agile development methodologies
- DevOps and continuous integration/delivery
- Cloud computing and infrastructure
So if you're interested in staying up-to-date with the latest trends and techniques in software development, be sure to subscribe and hit the notification bell to stay informed of new content as it becomes available. Thanks for stopping by!
Here are just a few of the topics you can expect to find on my channel:
- Programming languages such as C#, PHP, Java, Python, C++, and more
- Software development frameworks and libraries
- Agile development methodologies
- DevOps and continuous integration/delivery
- Cloud computing and infrastructure
So if you're interested in staying up-to-date with the latest trends and techniques in software development, be sure to subscribe and hit the notification bell to stay informed of new content as it becomes available. Thanks for stopping by!
Episode 15: Penger (Expense Tracker App) - Integrate Account API
Welcome to Episode 15 of our series, where we dive into building Penger, a powerful SaaS mobile application tailored for expense tracking. In this episode, we focus on integrating the account, account type, and currency endpoints into the screens we designed in the previous episode to set up new accounts and complete the onboarding process.
Chapters:
00:00 Introduction
00:35 Create Currency Model / Service / Controller
12:30 Load Currencies on Add Account Screen
23:00 Create Account Type Model / Service / Controller
27:50 Load Account Types on Add Account Screen
33:50 Validate Add Account Form
43:10 Prepare Payload and Submit Form
53:49 Create Account Model / Service / Controller
1:00:45 Handle ...
Chapters:
00:00 Introduction
00:35 Create Currency Model / Service / Controller
12:30 Load Currencies on Add Account Screen
23:00 Create Account Type Model / Service / Controller
27:50 Load Account Types on Add Account Screen
33:50 Validate Add Account Form
43:10 Prepare Payload and Submit Form
53:49 Create Account Model / Service / Controller
1:00:45 Handle ...
Просмотров: 466
Видео
Episode 14: Penger (Expense Tracker App) - Add Account Screen
Просмотров 38814 дней назад
Welcome to Episode 14 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 screens for setting up and adding a new account to complete the onboarding process. Chapters: 00:00 Introduction 00:15 Test Existing Flow 01:08 Create Setup Account Screen 08:00 Create Add Account Screen 25:10 Create...
Episode 13: Penger (Expense Tracker App) - Accounts API
Просмотров 247Месяц назад
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 ...
Episode 12: Penger (Expense Tracker App) - Currencies and Account Types API
Просмотров 332Месяц назад
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
Просмотров 331Месяц назад
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
Просмотров 413Месяц назад
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
Просмотров 3312 месяца назад
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
Просмотров 3842 месяца назад
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: bit.ly/codewithde...
Episode 7: Penger (Expense Tracker App) - Signup Screen with APIs
Просмотров 3322 месяца назад
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
Просмотров 2872 месяца назад
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
Просмотров 7202 месяца назад
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)
Просмотров 4082 месяца назад
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)
Просмотров 6033 месяца назад
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)
Просмотров 1 тыс.3 месяца назад
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
Просмотров 1,9 тыс.3 месяца назад
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...
This is great for a start. Thank you for the wonderful job, but it seems you don't have window users in mind while setting up the environment in the terminal.
please complete the playlist
Hi Nitish, new episodes are scheduled to go live soon. Thanks for following the series.
Thank you
You are welcome
I am not getting where settings is I am using Windows
On Windows, you do not get the MySQL issue faced. This was a MacOS-specific issue.
Thanks for the video
You're welcome
Great video. How are you getting git command suggest in android studio terminal? And how do setup the UI for terminal?
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
Brother, How to Dynamically Change Application Languages?
We can do that by taking the user's locale for each request. I will demonstrate it in subsequent videos
Which VS Code Extension you're using?
Laravel Extension Pack
Great Content. Please include Rate Limiting....
Noted. We will talk about it in the subsequent videos
Which State Management you're using?
Currently, we haven't used any as I am keeping this series very simple.
Thank you so much Brother❤
You're welcome 😊
Hello brother, please include Notification System.
Yes, we will be integrating Firebase for Push Notifications
Thank you so much Brother! Please continue this series ASAP.
Sure! Episode 10 will be up soon :)
@@devsarfo Thanks
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?
No, the OTP only works for the email address it was issued to.
Great Job
Thank You
thanks a lot : ) very good keep going
Thank you, I will
Currently am having issues with token, and storing user information and accessing it from the provider. Am using provider for state management
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.
@@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.
learn a lot from these series, God bless you brotherly.
Thank you very much
Keep it up bro
Thank you very much
Great, waiting for other parts, am following
Nice, glad to have you on board
@@devsarfo for state management, are we to use Getx coz it seems simplier, it solved the problem I had just in seconds
Solid tutor💯
Thank you :)
You are using Dio, interesting ❤🔥❤🔥❤🔥
Yes I am 😁
super
Thank you
hi, which laravel extenstion did you use for Laravel for auto import Libraby ?
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
Great Tutorial :)
Thank you 🙏
+1 for the 4K resolution
Thank you :)
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😊😊😊😊
@@abdullatifabdu Thank you ❤️
Please give the figma design file
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.
Nice video can you deploy app, I’ve done the programming but I don’t know how to deploy app on stores
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.
@@devsarfo I will
Another Ghanaian developer discovered. Big up bro #NetcodeHub
Where can we get the figma link
Here you go! www.figma.com/community/file/998557875473123405
A nice episode, very informative. Looking forward to the next one!
Glad you enjoyed it!
Good work Boss. Keep it up
Thank You 🙏
Interesting 💯
This is awesome...
🥰
Love this 🔥🔥🔥
You really pay attention to details, the real senior dev. I love this 🔥🔥🔥🔥
Solid work, you are really doing well 🔥🔥🔥
Thank You 🙏
Let’s goooo 🔥🔥🔥
🔥🔥🔥