8000 GitHub - TheMelody/roaa94
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

TheMelody/roaa94

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

28 Commits
Β 
Β 

Repository files navigation

Roaa's Welcome Message
Roaa's profile views

I'm a Software Engineer building production-level Flutter mobile applications in multiple industries including Food & grocery delivery, medical & health care, tourism, e-commerce, social media, and telecommunication. I'm also doing my best to share what I know with articles and talks and enjoying every Fluttering moment πŸ’™!


Roaa's Github Stats Roaa's GitHub Streaks

Open Source Flutter 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

Flutter Tutorials App

A single place for most of the tutorials and tweets/threads I share


Client Projects And Apps on The Stores

Project Links

Manarati

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

πŸ—“ March 2022 - June 2022 (~4 months)

🌍 Website

FSN - Future Syrian Network

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

πŸ—“ March 2022 - May 2022 (~3 months)

🌍 Website

Klinika

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

πŸ—“ May 2021 - February 2022 (~1 year)

🌍 Website

TipTop

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

πŸ—“ March 2021 - July 2021 (~7 months)

🌍 Website

Flutter Talks

In-Person at Flutter Vikings in Oslo, Norway - Take Your Flutter Animations to The Next Level

πŸ—“ August 31st, 2022

πŸŽ₯ Talk Video
πŸ“‘ Slides
🌍 Live Demo
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?

Code in the talk can be found in this repository:
Flutter Festival Session - Flutter Animations
Flutter Festival Silicon Valley - Dashtronaut App Showcase

πŸ—“ March 23rd, 2022

πŸŽ₯ Talk Video
Deep dive into Dashtronaut, my slide puzzle game submission to the Flutter Puzzle Hack challenge. I talked about:
  • App architecture & Folder structure
  • Animated CustomPainter
  • Responsiveness & Cross platform capabilities
  • Slide Puzzle logic
  • Animations with built-in Flutter widgets & 3rd party tool (Rive)
  • Haptic Feedback
  • Hive for local storage
  • Performance Optimizations - Skia Shader (SkSL) warm up & Pre-caching images
Flutter Festival Valsad & Surat - Flutter Animations

πŸ—“ March 26th, 2022

πŸŽ₯ Talk Video
Comprehensive guide of Flutter animations with multiple examples & use cases.
  • Quickest & Easiest approach: Implicit animations (no AnimationController)
    1. Built-in animation widgets (AnimatedContainer, AnimatedOpacity, ..etc)
    2. Custom animation widgets with TweenAnimationBuilder
  • Explicit animations: using AnimationController
    1. Built-in widgets that use AnimationController (Transition widgets)
    2. Advanced custom animation widgets that use an AnimationController (AnimatedWidget & AnimatedBuilder)
  • Choosing the right animation approach depending on your goal
Code in the talk can be found in this repository:
Flutter Festival Session - Flutter Animations
Flutter Festival Saudi Arabia - Flutter Animations [Arabic]

πŸ—“ Feb 19th, 2022

πŸŽ₯ Talk Video
Same above talk but in Arabic. Same code repo as well πŸ‘†πŸΌ.
Flutter Festival London - Flutter App REST API Integration with Caching

πŸ—“ March 27th, 2022

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

Flutter Puzzle Hack Project Repo
Flutter Festival Turkey - Live-coding a Theme & Primary Color Switcher

πŸ—“ April 16th, 2022

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

Flutter Theme Switcher Repo

Flutter Tutorials

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

Title Description Type Publish Date
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. πŸ“„ Article πŸ—“ Apr 25, 2022
Reducing Shader Compilation Jank On Mobile By Caching Warmed Up SkSL Improving the performance of your application is always important. And in the case of this slide puzzle game app, there were lots of animations and graphics, so it was vital that some work and effort be directed into making sure the performance of the app was at its best. πŸ“„ Article πŸ—“ Apr 1, 2022
Dashtronaut App Architecture and Folder Structure Details about the code, app architecture & folder structure of the slide puzzle game created for the Flutter Puzzle Hack Challenge πŸ“„ Article πŸ—“ Mar 20, 2022
Stars animation using CustomPainter Learn how to create animated stars using Flutter's CustomPainter and animations in this first tutorial from the Dashtronaut slide puzzle game πŸ“„ Article πŸ—“ Mar 14, 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. πŸ“„ Article πŸ—“ 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. πŸ“„ Article πŸ—“ 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. πŸ“„ Article πŸ—“ Dec 12, 2021

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0