I made huge progress today on my video editor app.
completed the feature cropping video scene by scene.
watch till the end to see the result. [btw used GOT clip because of ultra-wide shots]
Hey, Flutter developers!
Tried to build tiktok video scroll page in flutter long ago which used to eat too much memory of the device because of too many video controllers. found some solutions and made it a little smoother and less laggy.
You're a Flutter developer, right?
In How many days/hours you can build a chat app like WhatsApp?
Features should be the same. except for status, calls, and communities.
Flutter developers!
isn't this app beautiful?
It took me a while to refactor and run my 2-year-old app. it was built in flutter version 2.2.3, and there were too many errors 🥵
I made huge progress today on my video editor app.
completed the feature cropping video scene by scene.
watch till the end to see the result. [btw used GOT clip because of ultra-wide shots]
Since we can still post 1500 tweets/month using Twitter API for free. I thought let's build a tweet scheduler app using Flutter, dart_frrog, and
@supabase
Planning to build it for macOS, windows, web, and Linux (maybe).
The app will be open-source.
I am using my flutter & maths skills to the fullest to build this app.
So far I completed adding Rectangle & Text elements in my graphic design tool with basic controlls.
PS: Ignore cursors for now. flutter doesn't support all the cursors in macOS yet.
Hii, Flutter developers!
One of my very old apps but this time solved many bugs related to IOS.
Fun fact: I was too lazy to build UIs in Figma with fake data so I directly implemented it in flutter without designs and it took me days to create a single page.
how is it look?
Building Craftor in Flutter took so much effort. and I'm still halfway there to complete it.
few challenges I had while building it.
1) creating a resizable container by dragging controls.
Took me weeks to figure out the maths behind the resizing and moving box with rotation.
On things I focus most as a Flutter developer while building a mobile app:
- Good UI
- Clean architecture
- using less pub packages
- the smoothness of the app on low ram devices.
- Notifications
- Analytics
- Localization
- Support
- App size (should be average not too big).
The new Desktop app we have been working on.
it shows the cursor to highlight and keystroke highlight also if you like the mechanical keyboard sound we have added that too.
built-in flutter is available for windows and macOS.
Here is the second app after refactoring. changed the backend API with the new one. and it used to crash & lag while playing audio, IDK maybe because of too much load on the main thread while rendering too many images.
PS: The data comes from the custom backend built-in nodejs.
Flutter [ughh emoji], displaying 6 MB image in the app ends up taking 700mb in memory. after adding cacheWidth and cacheHeight it still takes 400MB.
if you store Uint8List instead of the raw Image, app's memory will be normal 140mb. I need hell of optimisation for my app.
@remotejoeclark
how i do
- figma: i try to put on the screen what is my mind
- backend: i chose db n framework, schema and data modeling first, i would create some endpoints and test it in the postman
- frontend: i spend too much time here if i don't have designs
frontend has more priority
I don't use these desktop apps.
- WhatsApp
- Notion
- Discord
- MS Teams
- Slack
vscode, postman: I still use them.
Instead, I use their web apps because they are built in Electron and they eat a lot of RAM.
And I need RAM because of docker and emulators.
Some people asked me where I can learn flutter?
you are new to
#flutter
& dart?
Then Follow these YouTube channels & Twitter accounts to learn about flutter.
Yesterday I was searching on GitHub for a graphics design tool like Canava in Flutter but didn't find any.
but I just started experimenting with things and yep after some hours finally able to move, and resize the container dynamically using gestureDetector.
building flutter desktop apps are far better exprience than flutter mobile apps.
i seen so many people saying flutter desktop isnt good i mean shut you mouth if you haven't built desktop apps with flutter its only getting better
Hey! flutter developers do you know anyone who can get your app's source code in dart if you share your debug mode application?
if you ever lost your source code but you have the debug mode app you can build it again.
here is the thread👇
As I Promised I open-sourced the gradient maker for flutter.
Now No more limits to predefined Alignment enums(topLeft, bottomLeft ...etc) - by dragging controls get generated FractionalOffset to control the direction!
Also, follow
@craftor_app
for more tools.
@nsjames_
- 13 bugs why
- Scripts of thrones
- No time to debug
- Gangs of phytons
- Code is in the air
- my code my legacy
- Sherlock Holmes: console.log("HERE")
- Fifty Shades of javascript
- Pirates of the stackoverflow: the dead man knows how to code
This layout of vs code is the so far the best!
All the functions and classes on the right side to find it faster. enabled autohide minimap and changed the activity bar position to the top.
Tried
@SuperlistHQ
And I'm already using it. yes, it's super. I love the UI/UX so much that I'm not opening the notion ever again.
The best app built in flutter for sure!
Flutter devs👋 if you're building a simple app with authentication, saving data to the server, and retrieving data (but with little complex data modeling). which one would you pick?
1.
@appwrite
2.
@supabase
3.
@Firebase
4.
@pocketbase
Wanna hear about one crazy flutter mistake I made while building a feature?
Note: That green button in the navbar is just there for testing. it generates SVG for custom painter.
(1\5)
Here is the demo of adding gradient & shadow to element!
Good news for Flutter developers. I'll open-source the gradient maker & box-shadow picker part, to generate the code and use that on your app
And also if anyone wants to improve it they can create PR in the future!
Flutter developers! here is the update on my untitled flutter graphic design tool. Added an image element and did much progress on the resizeable widget.
here is the demo of creating a meme. let me know how the meme was.
Only comments I wrote in the project. it was on the first day when I started it.
Before starting the project mind: I'll follow best practices and write the comments.
while working on the project: screw comments & best practices, let's make it work first.
I tried to build a flutter app for these platforms till this day:
- IOS
- Android
- macOS
- Web
and I can say that flutter does a very good job for Android, ios, and macOS, and I would primarily use flutter to build apps for these platforms.
(but I'm still exploring macOS)
I will not build the full-blowing video editor, you can't expect that from Flutter yet hahaha.
I'll just restrict it to basic but very useful features with great user experience.
life is hard without keyboard shortcuts! not anymore bc I added a few.
hover in a timeline to see the preview at the duration (it uses the .seekTo function) to improve UX.
I changed the video player package from media_kit to fvp, and seeking to position became super fast. before it was very slow with media_kit it used to take 1 sec of buffer every time I seek to any position. yes, I created a new issue on the lib.
@xsgames_
👋 hi, my name is Ansh
- I'm a full-stack dev, learning and building mobile apps since lockdown.
- Built 15+ open-source mobile apps in last 2 years.
- Favourite tech stack: Flutter, nodejs, postgresql and Nextjs.
more on:
An Update on the graphic design tool that I'm trying to build in flutter. I have to say this is damn hard to build!! but so far I have managed to build this.
The app is still in WIP.
Hard things in Flutter are building custom shapes, huh, using CustomPainter?
had to build this pen tool, Looks ugly right now but the first step of the process is always to make it work.
only used (path.cubicTo) for this.
Flutter, developers!
Things you should do before giving up when you get strange bugs.
1/2)
- flutter clean & run again
- ask chatGPT (can give answers to basic fundamental things)
- check for the same issue on StackOverflow.
- double-check that your dart-side code isn't wrong.
Finally the name is decided.
Now logo, domain name and beta testers waitlist page is remaining.
After that i will open-source the few things
1. gradient picker
2. more customise the font picker and color picker.
3. resizeable widget.
4. shadow picker.
5. Basic UI components.
I am using my flutter & maths skills to the fullest to build this app.
So far I completed adding Rectangle & Text elements in my graphic design tool with basic controlls.
PS: Ignore cursors for now. flutter doesn't support all the cursors in macOS yet.
ChatGPT API is released, now every two app on my likedin feed is going to be AI app.
Youtube thubnails will be like: build your own chatGPT AI app in flutter within 10 mins.
It will became a race for everyone to have one AI chatbot in their app.
but it's not completely free.
Finally 😎 My app got approved by the google play store. I'm super excited to share this awesome app with you which I have been working on last two months. It's the social media platform for movie enthusiastic people.
#flutter
#cinema
#movies
#application
#playstore
I'm considering making this gradient maker open-source for flutter developers because I spent hours figuring out rect to alignment and how stops work.
Even though Flutterflow provides a very basic gradient customization.
So obviously this dumb guy asked me:
Why would you choose Flutter for building a desktop app for macOS and windows?
I said: because I can build it with flutter so why not. and I don't have years to learn 5 different native languages to develop & release my app.