Skip to content

Roaa94/roaa94

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

43 Commits
Β 
Β 

Repository files navigation

Roaa's Welcome Message
Roaa's profile views

Software Engineer and Google Developer Expert for Flutter & Dart, passionate about animation, generative art, content creation, open source, and speaking at tech events. Currently a Software Engineer at Widgetbook working on an open source product that aims to make Flutter developer’s life easier and the Widgetbook Cloud designer-developer collaboration platform.

I started getting involved with the vibrant Flutter Community in late 2021 by sharing Flutter tips on Twitter. And since then I’ve written multiple articles, participated and won in the Flutter Puzzle Hack challenge, built and contributed to open-source projects, and spoken in online and in-person tech events.


Roaa's Github Stats Roaa's GitHub Streaks

Animation and UI Challenges

Airbnb UI Gallery With a Shader Audience Interactive Generative Art
Flutter Airbnb UI Flutter Interactive Gallery With Shader Audience Interactive Generative Art with Flutter and Firebase
Flutter Airbnb UI Flutter Interactive Gallery Audience Interactive Generative Art with Flutter and Firebase
Toolbar Card Swiper 3D Calculator
Toolbar with Flutter Card Swiper with Flutter 3D Calculator with Flutter
Flutter Cool Toolbar Flutter Cool Card Swiper Flutter 3D Calculator

Public Speaking

In-Person Events

Flutter Firebase Festival 2023 - Real-time Animated Generative Art with Flutter & Firebase

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.

Audience Interactive Generative Art with Flutter and Firebase
πŸŽ₯ Talk Video
πŸ”— Live Demo
image

πŸ“… Sept 23rd, 2023

πŸ“ Prague, Czech Republic

Flutter & Friends 2023 - Workshop: Flutter Animations - From Beginner to Advanced

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.

Flutter Wallet App - Flutter and Friends Workshop Repo
image

πŸ“… Sept 5th, 2023

πŸ“ Stockholm, Sweden

FlutterCon 2023 - High-Level Flutter Animations with Low-Level APIs

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.

πŸŽ₯ Talk Video
πŸ”— Live Demo
image

πŸ“… Jul 6th, 2023

πŸ“ Berlin, Germany

Flutter Heroes 2023 - Accelerate UI Development and Simplify Collaboration Among Designers and Developers with Widgetbook

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.

πŸŽ₯ Talk Video
image

πŸ“… Feb 24th, 2023

πŸ“ Turin, Italy

DevFest Women 2022 - Deep Dive Into Flutter Animations

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.

image

πŸ“… Dec 25th, 2022

πŸ“ Istanbul, Turkey

DevFest Istanbul 2022 - Take Your Flutter Animations To The Next Level

πŸŽ₯ Talk Video
πŸ”— Live Demo
image

πŸ“… Dec 11th, 2022

πŸ“ Istanbul, Turkey

Flutter Vikings 2022 - Take Your Flutter Animations To The Next Level

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?

πŸŽ₯ Talk Video
πŸ”— Live Demo
image

πŸ“… August 31st, 2022

πŸ“ Oslo, Norway

Online Talks

πŸŽ™οΈ On the Flying High With Flutter Podcast: Animations in Flutter

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

πŸŽ₯ Talk Video
Flutter Festival Silicon Valley - Dashtronaut App Showcase

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

πŸŽ₯ Talk Video
Flutter Festival Valsad & Surat - Flutter Animations

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

πŸ—“ March 26th, 2022

πŸŽ₯ Talk Video
Flutter Festival Saudi Arabia - Flutter Animations [Arabic]

Same above talk but in Arabic.

πŸ—“ Feb 19th, 2022

πŸŽ₯ Talk Video
Flutter Festival London - Flutter App REST API Integration with Caching

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

πŸŽ₯ Talk Video
Flutter Festival Turkey - Live-coding a Theme & Primary Color Switcher

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

πŸŽ₯ Talk Video

Projects

Project Links
Dashtronaut Slide Puzzle winning in the Flutter Puzzle Hack for Best educational content

Dashtronaut - Slide Puzzle Game

πŸŽ₯ 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

Dashtronaut on Google Play
Dashtronaut on iOS App Store
Dashtronaut on Mac App Store

Source code

Movies 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

Manarati

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

πŸ”— Website

FSN - Future Syrian Network

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

πŸ”— Website

TipTop

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

πŸ”— Website

Articles

Aside from regularely sharing Flutter tips on Twitter, I usually publish articles on Medium whenever I have the chance (and the ideas):

Generative Art in Flutter

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.

πŸ—“ Aug 9, 2023
Take Your Flutter Animations to The Next Level β€” Flutter Vikings Talk

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!.

πŸ—“ Sept 11, 2022
Flutter Animations Comprehensive Guide

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.

πŸ—“ Apr 25, 2022
Flutter ScrollPhysics Variations & Use Cases

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.

πŸ—“ Jan 29, 2022
Create a Theme and Primary Color Switcher For Your Flutter App Using Provider

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.

πŸ—“ Dec 20, 2021
Flutter Image Uploader With App Permissions and Compression Using GetIt Services

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.

πŸ—“ Dec 12, 2021

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published