We can all agree that our lives deserve more beauty in them, and what better place to introduce that beauty than the small screen we spend most of our time staring at? Generative art, animations, and interactivity are great ways to do that! With Flutter, you have access to a variety of APIs that enable you to create stunning animated visual experiences, giving user interfaces the chance to be more and more captivating. Join me in this talk as we sneak into the framework’s painting layer and see what the CustomPainter and Canvas API can do, and as we add Firebase’s real-time capabilities into the mix and come out with a fun experience for you, the audience, and your users.

📅 Sept 23rd, 2023

User interfaces without animations are like food without salt, just tasteless. In this workshop, you will learn how to add animations with various complexity to your Flutter UIs. We will start by covering the most basic and subtle animations created with built-in widgets, and make our way up to complex animated user interactions with advanced and customized widgets. Along the way, you will learn best practices, performance optimization, and tips on how to make your development experience and flow smoother. Lastly, just like too much salt can ruin a meal, you don’t want to overcrowd or overcomplicate your UI with too much animations, so we will end up our workshop with some important user experience tips to make sure your app has the most optimal impact on your users.

📅 Sept 5th, 2023

Not only does Flutter come packed with beautiful and ready to use UI elements, it also exposes to you, the developer, a variety of APIs that enable you to create stunning animated visual experiences. In this talk, with examples combining the magic of Flutter and the power of math, we will sneak into the framework’s rendering and painting layers and see what the CustomPainter and RenderObjects can do, and how you can work with them.

📅 Jul 6th, 2023

Building UI components with Flutter is a very smooth process, and with Widgetbook, you can enhance this process further by building your UI components in a dedicated interactive platform in isolation of the app you’re building, making it easy for you to develop your widgets and screens without worrying about the business logic, and test them on different devices, themes, and locales. All of that and more is offered in an open-source package built with Flutter for Flutter developers. Additionally, with the Widgetbook Cloud solution and its various features, you can drastically improve your team’s development process and designer-developer collaboration. And in this talk I want to show you how you and your team can use Widgetbook.

📅 Feb 24th, 2023

Held in the Istanbul Google Office in Turkey and organized by Women Techmakers, I had the pleasure to talk about Flutter Animations at DevFest Women.

📅 Dec 25th, 2022

📅 Dec 11th, 2022

Out of the box, Flutter provides you with tools to create truly beautiful animations! And I want to tell you how you can use those tools, as well as the surrounding ecosystem, to take those animations to the next level! I’m not only talking about 3rd party package or frameworks like Rive and Lottie, most importantly, I’m talking about how you can utilize those same out-of-the box tools and features, while making use of the host device & platform with everything they offer and Flutter easily allows you to access, like various touch, tap & scroll gestures, mouse movement, sensor data, ..etc, to create cross-platform, highly interactive, truly next-level animations that make your users go: Wow, can an app do that?

📅 August 31st, 2022

I had the pleasure of being on the Flying High With Flutter podcast hosted by Allen where I talked about my development journey and career and more specifically about Flutter animations and the latest animation challenge I did.

🗓 December 7th, 2022

Deep dive into Dashtronaut, my slide puzzle game submission to the Flutter Puzzle Hack challenge. I talked about the app's architectire, responsiveness & cross platform capabilities, animations with built-in Flutter widgets & 3rd party tool, as well as tips on performance optimizations.

🗓 March 23rd, 2022

Comprehensive guide of Flutter animations with multiple examples & use cases.

🗓 March 26th, 2022

Same above talk but in Arabic.

🗓 Feb 19th, 2022

Integrating a REST API and adding offline support to a Flutter application by caching API requests. Example app provided was a Flutter articles directory using the Dev.to API. Service locator & repository design patterns were used.

🗓 March 27th, 2022

I live coded a theme & primary color switcher with provider for state management and integrated local storage using Hive and the service locator pattern to persist user selection. Also talked a bit about testing and you can find more widget & unit tests in the repo.

🗓 April 16th, 2022

🎥 Watch Demo Video

A slide puzzle game built with Flutter for the Flutter Puzzle Hack Challenge. It's set out in space with Dashtronaut, Dash the Astronaut, floating in space and interacting with the user.

🎉 🎊 The submission won a prize for Best Educational Content!

📃 You can read the full development story & inspiration here

🔗 Launch Web App

A Flutter app that uses the "The Movie DB" API to fetch popular people and their info (their movies, images, ..etc)

The goal of this project is to be a full app example for using Riverpod as a comprehensive solution for state management, caching, and other capabilities and implementing clean architecture with full test coverage with unit and widget tests. You can read detailed information in the README.

🔗 The Movie DB API
📦 Caching
📃 Infinite-scroll/Pagination
🧪 Unit & widget tests! (100% coverage! 🚀)

This app is also available as a 3rd party example in the official Riverpod Docs

Ad-free Muslim prayer times app built with Flutter. I worked on this app as a Flutter Developer Team Lead at Multicaret

Telecommunication app built with Flutter. I worked on this app as a Developer Team Lead at Multicaret

Grocery shopping and food delivery app built with Flutter. I worked on this app as a Mobile Developer Team Lead at Multicaret

Recently, I gave a talk at FlutterCon Berlin 2023 about creating animations in Flutter with low level APIs, as I was preparing the talk, the content progressed to be a lot about art, more specifically, generative art and its technological history.

So inspired by Vera Molnar’s artistic style and ideas, we will go over some basic principles of generative art by exploring Flutter’s CustomPainter and the Canvas API and we will introduce animations to make our artwork come to life.

On August 31st, I did a talk titled “Take Your Flutter Animations to the Next Level” at the amazing Flutter Vikings conference and in this article you’ll find all the links and read a written version of the talk!.

Everything you need to know about Flutter animations in great detail and with multiple examples. By the end of this article you’ll be able to add animations to your Flutter app with a wide range of complexity. And you’ll know which of the various approaches available in Flutter is best suited for your animation goals.

The ‘physics’ widget param is found in all scrollable widgets (SingleChildScrollView, CustomScrollView, NestedScrollView, ListView, GridView, TabBarView, ListWheelScrollView …etc) In this article, I will go over the variation of ScrollPhysics that this param can take and what that variation does.

Learn how to create a functional theme switcher with the ability to change the primary color of your app using Provider. You will also learn how to change the primary color swatch and get MaterialColor from Color.

Allow image upload in your Flutter app with one line of code in your widget while handling everything from camera & gallery permissions to image compression under the hood with GetIt and the service locator pattern.