Website and mobile app going live for a client soon
Technology used
- Web - Next js 3
- Mobile - Flutter 3.10.0 💙
- Backend - Node js
- Messaging - Firebase
All code writing from the team
@venbrinoDevs
CODE OF THE DAY ✨✨✨✨✨
Debouncer
A Debouncer is used to delay the execution of a function until a certain period of inactivity has passed.
Eg : in a scenario where a user is trying to type on the text field to send a search request the the backend
You want to use a
So I saw this illustration by
@UfotUbon
and it became a bit of a trend with the word “tukay” as a caption and thought to play around that name to create a brand identity after service with Sapa as our brand ambassador 😂😂
Urgent 2k to the rescue, Enjoy!😉
CODE OF THE DAY 🤩🤩🤩🤩
Biometrics
This service helps you manage your biometrics
It uses local _auth
You can also use get_it to inject the service into any class 😌
👇👇👇👇
When I realized I had built this app well was when we migrated from Firebase to a custom API.
All I had to do was change the repository to use REST instead of Firebase,
and everything still worked perfectly. 😫😫😫
The only reason Flutter hasn’t gone mainstream is because dart hasn’t been adopted much
Unlike React native where you could switch easily
If dart is been adopted then Flutter would be used globally
Flutter is really good
I hope to see dart for backend and other place
Push notifications shouldn’t be that hard for you
Want to implement push notification ?
just wrap your main app after run app with this wrapper I did 🥳🥳🥳🥳
We build mobile app for business
@venbrinoDevs
Letter to my web3 geeks 📦,
How to generate
- wallet address
- private key
- public key
using pure dart
We would be log them
into trust wallet with the seed phrase and
Private key
To confirm the
- Address
- Wallet address
Let’s go 🥳🥳🥳
Code ————————Video
We
CODE OF THE DAY ✨✨✨✨
Widget reusability is what I love about Flutter
Let's say you have an empty view that you want to show when your list is empty
Now you want this empty state to support a sliver list and a normal list view
You can do this by creating different
I’m exploring flutter performance
It’s quite interesting
Understanding how Ui thread render flutter ui
The raster thread executes graphics code from the flutter engine
If there is a heavy task it might also affect raster
Clipper and Opacity can also cause janky
CODE OF THE DAY ✨
Local storage
I use Hive to manage my local storage
You can call initDb when your app start
It uses a .env file to store the key also 🥳🥳🥳
CODE OF THE DAY 🤩🤩
Hepatic Feedback Service
This was gotten while exploring the wondrous app source code
It allow you add different interaction to a widget in flutter
Button press allow you and the effect to all button as this is expected in Android and not in IOS
👇
Lol 😂
I haven’t seen a community more dedicated to their framework and language
More than flutter developers
They could argue for a whole day because of flutter 😅😅
Love flutter 🥳🥳
Yeeppie is Changing the way you manage your shift in the UK 🇬🇧 - Built by
@venbrinoDevs
Technology used :
Flutter 🌝
React 🌝
Node Js 🌝
The database used - who can guess 👇👇
At the end of my "creating an Uber clone with Flutter and Supabase" video, I used AI to write a quick script to simulate a driver's movement!
The result turned out a lot better than I thought, and we ended up with a nice animation of the driver moving to the destination!
I tell my self this every day
Even the best software developer
- Forget syntax
- Search for problems online
- Get stuck implementing a feature
I understand the stage i am at and willing to grow
I honestly don't get the backlash Flutter is receiving because it doesn't render the native UI
Most companies have Ui/Ux designers and they use custom dialog and so on
Flutter team are also building more adaptive widget
Does it renders ui fast yes - so why care if it
So I was exploring value-notifier
ValueNotifier just extends change notifier
And implements value listenable
So you can use a value notifier builder to do your state management
Then create a custom Notifier that extends the change notifier and implements listenable
Okay so lets say every time you want to build an apk
You do flutter clean
Then flutter pub get
Then flutter build all--release
Make - help automate that for you
All you have to do is create a root file called MakeFile with no extension
Then add the target - in this
Push notifications shouldn’t be that hard for you
Want to implement push notification ?
just wrap your main app after run app with this wrapper I did 🥳🥳🥳🥳
We build mobile app for business
@venbrinoDevs
Flutter and Dart is an example of how a simple tool can help you understand programming concepts faster
Understanding Hilt and Dagger in Android was like a never-ending journey 😅😅
So I’m trying to reduce the work load on an App Main thread (Flutter App)
After doing this I will run on profile mode to
Check the performance
The app loads list of product from the backend
The idea is 👇
- Loading the data when user enters the App
- Parse the json data
Flutter /Dart would be one of the most valuable tech stack in coming years
why?
You will be able to write
- Web
- Desktop
- Mobile App
- Backend
-Tv Apps
-Games
-Smart Watch App and more with just FLUTTER
cool right Learn Flutter today ---- Don't Forget
So I was checking the difference between HIVE and ISAR database in flutter
And notice ISAR is more powerful with queries
I use Hive But i think ISAR is use
- when you need to do Queries
- Listen to changes in database and more
I use Mvc
Model-view -controller
✨model Folder - data and data source
✨Data source - local and network repository
(Repository for our API calls )
✨Data - Enum - Data model class
✨View - contains - Page - Component - Ui State
✨Page - My screen
✨Component - (my
I use Mvc
Model-view -controller
✨model Folder - data and data source
✨Data source - local and network repository
(Repository for our API calls )
✨Data - Enum - Data model class
✨View - contains - Page - Component - Ui State
✨Page - My screen
✨Component - (my
CODE FOR THE DAY 🥳☀️
Helper functions
Helps you check for empty state in any string or object
You can also attach it to an extension to make it more easier to you
I wrote a test for it also 👇👇👇🥳🥳🥳
CODE OF THE DAY ✨
Instead of using print and checking if it’s debug mode
Logger makes it beautiful and easy for you
Helps you customize your logs and make sure they occur in only debug mode 🦾🦾
You can pass your class name - so it easy to locate
Did you know 👇👇
The best way to embed Google
Ads in Flutter are using the native Ads
and writing the custom view in the platform-specific code
Xml for android and xib for iOS
Hey flutter devs
I am a preacher of Dart for web3,
so I thought why don't I create a dart cli for web3 🥺🥺
Here is a video 👇👇
The package is in GitHub and Pub dev and
We built a Ride-Hailing System for a company in Lagos with Scalability in Mind
This setup showcases the core components of a working ride-hailing system, for scalability while maintaining simplicity.
We used
•Geospatial Search: To efficiently match drivers and riders
Haha, back in 2021, I had this brilliant idea to create a payment system exclusively for my personal use.
Well, guess what? It's now 2023, and I actually went ahead and developed my own payment solution because I was tired of the hassle and frustration that other payment apps
CODE OF THE DAYS ✨✨
Yesterday I want trying to implement the like and dislike functionality on an app using custom Api endpoint
So here How I tend to go about it
1. Add Debouncer to the the button so each request wouldn’t be send immediately if user double tap
👇👇👇👇
Just published the package on pub. dev
You can check it out
There are still a lot of tests to write sha 🚶🚶🚶🚶🚶
At least I have what to use now 🥳
Public repo -
Another product preparing to go live
We aim to provide support for startups looking to build and manage software
1 subscription and all your life worries are gone
@venbrinoDevs
Lol 😅funny how I started this year not knowing much about web3
But ending it knowing how to write up to 50% of the trust wallet feature with just Dart only and no backend 🚶
Uhmmmm this widget I did yesterday is quite useful tho
So Imagine you have a list and you want to show a default loader before the list show
This widget help you show default loader
And return the list and widget if there is data present 🙂
CODE OF THE DAY 🤩🤩🤩
Using Retrofit and dio for Api calls
I use retrofit generator and build runner to generate the g.dart file
You also have to have from an to json in your class
I use QuickType to get mine
👇👇👇👇