Flutter Apps

1. Common Apps
2. Web Apps
3. Clean Architecture Apps

Common Apps

Movies App

Includes:

• Light Mode And Dark Mode
• Splash Screen and App Icon
• Custom Swipe Stack Viewer
• Provider State Management with equitable, dependency Inyection and good practices
• Shimmer Loading Image (skeleton)
• Search Delegate With Debouncer

Demo:

Demo 1	Demo 2	Demo 3

---

QR Reader App

Includes:

• Sqflite and Hive
• Hive TypeAdapters
• Provider as State Management with Dependency Inyection and good practices
• PageStorageKey for save scroll position when scan list changes.

Demo:

Demo 1	Demo 2	Demo 3

---

Firestore App

Includes:

• Auth service with Firebase Auth, signin and signup with persistent session and unique email validation.
• Products service with Firebase Firestore, retrieve, create and update products with a unique index validation for avoid product's name duplicity.
• Firestore ODM, create typed reference of Firebase collections then you can make CRUD operations to Firestore with dart Objects, another advantage is the possibility to create query's to filter data by properties.
• FirestoreBuilder Widget work as StreamBuilder for Firebase ODM references changes.
• Cloudinary service for store images.
• Offline support with Firestore offline persistence, when you are connected again the products will upload to Firestore automatically.
• Connectivity listener with beauty popup over any screen.
• Google Sign in
• Firebase Push Notifications and Local Notifications

Demo:

Demo 1	Demo 2	Demo 3

Demo 4	Demo 5

---

News App

Includes:

• Api Consumption Service (News Api)
• PageView and TabView Nested
• Provider as State Management with States Logic (equitable), filtering rebuild tricks and good practices.
• Provider Array States syncing with TabView, and Selector.
• Infinite Scroll with debouncer for new pages requests.
• State and Scroll Position Persistence with AutomaticKeepAliveClientMixin

Demo:

Demo 1	Demo 2

Demo 3	Demo 4

---

Google maps app

Includes:

• MapBox Places API and MapBox Directions API.
• Google maps, custom markers, polylines, map camera operations.
• Location tracking service for update marker.
• GPS service changes handler, show alert dialog.
• Permissions service handler, show permissions screen.
• Dialogs Notifications Service.
• TextField Autocomplete with Overlays
• Provider Listener implementation with Future.microtask
• Provider as State Management with Dependency Inyection.

Demo:

Demo 1	Demo 2

Demo 3	Demo 4

---

Reponsive themed app

Includes:

• Custom ThemeValueNotifier with Union Class as states
• RouteValueNotifier for share the active page index across the app
• Responsive Designs for Landscape and Portrait
• Custom Painters
• AnimatedContainder, Animated Controller and TweenAnimationBuilder
• Staggered Animations and Sequence Animations
• Slivers, SliverList and SliverPersistenHeader
• Animated ListView Items
• State Management with setState and ValueNotifier
• Drawer

Demo:

</tr>

Demo 1	Demo 2

</tr>

Demo 3	Demo 4

</tr>

Demo 5	Demo 6

</tr>

Demo 7	Demo 8

--

Shoes App

Includes:

• Hero Animations with flightShuttleBuilder
• Responsive Size Buttons using Wrap and ConstrainedBox
• Provider as State Management
• Explicit Animations (AnimatedController & FooTransition)
• Mockup To Code.

Demo:

---

Music Player App

Includes:

• Audio Provider, play, pause, reset, song duration, PositionStream, StateStream
• Scroll Lyrics Animation synced with song progress
• Song Progress Bar and Duration Labels
• AnimatedController and AnimatedIcon

Demo:

---

Bands App

Includes:

• Provider as state management
• Client Sockets with Dart
• Server Sockets with Node JS and Express
• Graphs
• Environment variables for Production mode and Development Mode

Demo:

---

Chat App

Includes:

• Provider as state management
• Client Sockets with Dart
• Server Sockets with Node JS and Express
• Environment variables for Production mode and Development Mode
• Auth service with different signup/signin methods: email and password, google signin and phone-sms signin.
• Password reset by email.
• User profile with name and editable avatar
• Users list changes in real-time
• User Chats changes in real-time
• Chat conversation page with animated message list.
• Multiple message types allowed: text-message, image-message, video-message, audio-message, file-message
• Text messages with emojis
• Image edition (paint, crop, emojis), the images can be taken from the camera or picked from gallery.
• Video edition (paint, crop, emojis), the video can be recorded with the camera or picked from gallery.
• File thumbnail preview, the files can be open by native apps
• Audio record and waveform visualization, you can seek the audio position
• Camera page has multiple editing options, zoom, exposure, focus point, hold and record.
• You can send multiple multimedia files (image and video)

Demo:

Demo 1	Demo 2	Demo 3

Examples:

Chat.Example.1.mp4

Chat.Example.2.mp4

Chat.Example.3.mp4

Chat.Example.4.mp4

Chat.Example.5.mp4

Chat.Example.6.mp4

---

Google Maps App

Includes:

• Bloc as state management
• Equtable and Freezed for Handle states
• Google maps, polylines, markers camera tracking
• Custom markers and my location marker
• Location tracking in foreground and background
• Search delegate with debouncer
• Animations
• Navigation mode in google maps app

Demo:

Demo 1	Demo 2	Demo 3

---

Payments App

Includes:

• Bloc as state management
• Equtable and Freezed for Handle states
• Paymnets with stripe, google pay, apple pay
• Notifications service: snackbars, dialogs, popups
• Fetch Serivce: http requests listeners, handle success, error status
• Save credit card with stripe form and custom form
• Server with node js to handle payment intents and webhook events
• Light and Dark mode
• Custom TextFieldInputFormatters for credit card fields
• Card brand detection with regular expresion
• Route Observer for tracking current route
• tri state widgets and animations

Demo:

Demo 1	Demo 2

---

Web Apps

Dashboard App

Includes:

• Bloc as state management
• Equtable and Freezed for Handle states
• Auth module - jwt
• Notifications service: snackbars, dialogs, popups
• Fetch Service: http requests listeners, handle success, error status, overlays, cancel tokens, etc..
• Local storage (SharedPreferences)
• PaginatedDataTable, with actions (edit, delete), pagination, rows per page, etc..
• AsyncDataSource and AsyncPageRequest
• Sorting columns
• Shortcuts (ESC to close)
• Nested navigation - url navigation (can save path as favorite)
• Responsive - layout changes based on screen size
• Route Observer for tracking current route
• Route guards

Demo:

chrome_E881hqcjAQ.mp4

chrome_oMfsNZ662I.mp4

chrome_Kk4DdsKOyd.mp4

chrome_vrMqAbY3Eh.mp4

chrome_KHpRVn24fW.mp4

---

Clean Architecture Apps

See you here

Includes:

• Clean Architecture
• Bloc as state management
• Equtable for Handle states
• Google Signin and Anonymous Signin (can link with google) - Firebase Auth
• Push Notifications Service - Firebase Messagging
• Cloud Firestore database
• Google Maps - Custom Markers - Fit camera to bounds - InfoWindow
• Google Places Autocomplete Api - Google Geocoding Api
• Realtime markers position update (Firestore snapshots)
• Gps Service Handler
• Connection Service Handler

Demo:

Demo 1	Demo 2	Demo 3

Chat App

Includes:

• Clean Architecture
• Bloc as state management
• Google Signin
• Stream Chat SDK
• Group an private chats
• Light and dark mode
• Real time updates

Demo:

Demo 1	Demo 2	Demo 3