Screen Stack – Rugburn https://rugburn.dev Software Development Wed, 22 Oct 2025 01:17:22 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.1 https://i0.wp.com/rugburn.dev/wp-content/uploads/2025/07/20250729_2055_Software-Developer-Logo_remix_01k1cghcbzfzy8hv45v6gsykj2.webp?fit=32%2C32&ssl=1 Screen Stack – Rugburn https://rugburn.dev 32 32 244879875 Flutter Grocery List App https://rugburn.dev/flutter-grocery-list-app/ Mon, 20 Oct 2025 23:59:32 +0000 https://rugburn.dev/?p=719 .flutter-embed-container { display: flex; justify-content: center; align-items: center; padding: 20px; background: #f5f5f5; } .mobile-frame { width: 375px; height: 667px; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.3); border: 10px solid #1a1a1a; position: relative; } .mobile-frame iframe { width: 100%; height: 100%; border: none; } /* Responsive - full width on mobile */ @media (max-width: 768px) { .mobile-frame { width: 100%; height: 800px; border-radius: 0; border: none; } }

This app incorporates most aspects of previous projects, namely page navigation and state management, and adds local persistent user data storage to keep list data between sessions. Initial backend was developed with SQLite, but then modified to use the Hive package for better cross-platform integration (specifically web, for the demo).

Skills

  • Hive Package backend database integration
  • Logging to help with debugging and track program execution
  • Use of Forms and Form Validators to handle user input
  • Managing Screen Stack to allow users to navigate between different screens
  • State Management using stateful widgets.
  • Hosted with Firebase
]]> 719 Flutter Recipe App https://rugburn.dev/flutter-recipe-app/ Fri, 17 Oct 2025 22:04:50 +0000 https://rugburn.dev/?p=704 .flutter-embed-container { display: flex; justify-content: center; align-items: center; padding: 20px; background: #f5f5f5; } .mobile-frame { width: 375px; height: 667px; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.3); border: 10px solid #1a1a1a; position: relative; } .mobile-frame iframe { width: 100%; height: 100%; border: none; } /* Responsive - full width on mobile */ @media (max-width: 768px) { .mobile-frame { width: 100%; height: 800px; border-radius: 0; border: none; } }

This Recipe app demonstrates more advanced flutter features, like page navigation, state management, animations, external app integration (to launch a web page). Additionally, full Docstrings are leveraged to better document functions in this project.

Skills

  • Managing Screen Stack to allow users to navigate between different screens
  • Tab Bar for main page navigation
  • Side Drawer to navigate to a filter setting screen, and to display acknowledgments
  • State Management both with passing state between widgets, and using Riverpod’s Providers/Consumers pattern for a global state management
  • Use of Docstrings to better document the more complicated logic in this app
  • AndroidManifest.xml (Android) / Info.plist (iOS) configuration to allow users to open a link in an external app (as required by Icons8 license agreement)
  • Explicit and Implicit animations
  • Hosted with Firebase

]]> 704