Skip to content

feat: redesign UI screens and personalize with identity#14

Closed
Ryanditko wants to merge 34 commits intomainfrom
feat/ui-polish-and-personalization
Closed

feat: redesign UI screens and personalize with identity#14
Ryanditko wants to merge 34 commits intomainfrom
feat/ui-polish-and-personalization

Conversation

@Ryanditko
Copy link
Copy Markdown
Owner

Summary

  • Redesign landing page with animated gradient background, hero section, and interactive mode cards
  • Redesign home screen with full-bleed gradient hero banner, gradient quick-access tiles, and Getting Started guide
  • Redesign profile screen with centered gradient-bordered avatar and stretch layout
  • Replace all "Jane Doe" references with "Ryanditko" across screens, docs, and tests
  • Fix AARRGGBB color format for semi-transparent whites (was RRGGBBAA causing yellow tint)
  • Add test/golden/failures/ to .gitignore

Test plan

  • All 210 unit/widget tests pass
  • Landing page, widget, and golden tests updated for new viewport and content
  • Integration test updated for Ryanditko assertion
  • flutter analyze reports zero errors

Ryanditko added 30 commits April 1, 2026 13:48
- Wrap buildServerTextButton with Semantics(button: true, label: ...)
- Wrap buildServerOutlinedButton with Semantics(button: true, label: ...)

Made-with: Cursor
- Wrap buildServerInkWell with Semantics(button: node.action != null)
- Wrap buildServerGestureDetector with Semantics for accessibility

Made-with: Cursor
- Wrap selectableText with Semantics(label: content)
- Wrap richText with Semantics using concatenated span text

Made-with: Cursor
- Wrap placeholder with Semantics(label: 'Placeholder')
- Wrap circleAvatar with Semantics(label: label, image: imageUrl != null)

Made-with: Cursor
- Replace snackbar placeholder with actual URL launching
- Use launchUrl with LaunchMode.externalApplication

Made-with: Cursor
- Add url_launcher ^6.3.2 to pubspec.yaml

Made-with: Cursor
- Cover parsePadding, parseAlignment, parseAxis, parseTextAlign
- Cover parseFontWeight, parseFontStyle, parseTextDecoration
- Cover parseBoxFit, parseBorderRadius, parseBoxConstraints
- Cover parseDuration, parseCurve, parseScrollPhysics

Made-with: Cursor
- Test center, align, padding, sizedBox, opacity, clipRRect
- Test safeArea, rotatedBox, ignorePointer, offstage

Made-with: Cursor
- Test textButton, outlinedButton, iconButton, FAB rendering
- Verify Semantics wrappers and label display

Made-with: Cursor
- Test listTile, expansionTile, switchListTile, checkboxListTile
- Verify toggle callbacks report correct id and value

Made-with: Cursor
- Test selectableText, richText rendering and Semantics

Made-with: Cursor
- Test slider rendering and value clamping
- Test radio widget rendering

Made-with: Cursor
- Test placeholder, circleAvatar, verticalDivider
- Verify Semantics wrappers on placeholder and avatar

Made-with: Cursor
- Test inkWell, gestureDetector, tooltip, dismissible
- Verify Semantics and action dispatch on tap

Made-with: Cursor
- Test scrollView, gridView, pageView rendering

Made-with: Cursor
- Test material, hero, indexedStack, transform, banner

Made-with: Cursor
- Test animatedContainer, animatedOpacity, animatedCrossFade
- Test animatedSwitcher and animatedSize rendering

Made-with: Cursor
- Test table with rows and dataTable with columns and rows

Made-with: Cursor
- Full listing of all 103 component types with props and children support
- Organized by category: layout, wrappers, decorators, scrollables, etc.
- Include action types reference table

Made-with: Cursor
- Add new component categories: wrappers, decorators, scrollables, animated
- Update openUrl action description to reflect url_launcher integration
- Expand accessibility section with new Semantics-wrapped components

Made-with: Cursor
- Expand component table from 22 to 103 types across 13 categories
- Add advanced_components to demo screens table
- Add link to COMPONENTS.md reference catalog

Made-with: Cursor
- Showcase layout wrappers, decorators, tiles, button variants
- Demo opacity levels, transforms, rich text, and circle avatars

Made-with: Cursor
- Add Advanced Components button between New Components and Expressions Demo

Made-with: Cursor
- Replace static layout with dynamic gradient background animation
- Add hero section with icon and onboarding banner
- Create interactive mode cards for App Demo and Playground
- Add stats row and footer section with attribution

Made-with: Cursor
- Add full-bleed gradient hero banner with user greeting and avatar
- Replace flat explore cards with gradient-colored quick access tiles
- Wrap demos list in bordered container for visual definition
- Add Getting Started Guide banner with green accent
- Fix AARRGGBB color format for semi-transparent whites

Made-with: Cursor
- Wrap avatar in center component with gradient border container
- Switch root column to crossAxisAlignment stretch for full-width button
- Wrap chip in center to preserve centered alignment

Made-with: Cursor
- Update context user name from Jane Doe to Ryanditko
- Update email reference to github.com/Ryanditko

Made-with: Cursor
- Replace Jane Doe reference with Ryanditko in JSON example

Made-with: Cursor
- Replace Jane Doe reference with Ryanditko in JSON example

Made-with: Cursor
- Replace Jane Doe assertion with Ryanditko in navigation test

Made-with: Cursor
- Adjust viewport size for taller content
- Update text assertions for new hero section and stats
- Add Ryanditko attribution assertion

Made-with: Cursor
- Adjust viewport dimensions to match new layout height

Made-with: Cursor
- Adjust viewport dimensions to match new layout height

Made-with: Cursor
- Add test/golden/failures/ to .gitignore

Made-with: Cursor
@Ryanditko Ryanditko added the enhancement New feature or request label Apr 1, 2026
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 1, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
flutter-backend-driven-ui Ready Ready Preview, Comment Apr 1, 2026 6:20pm

@Ryanditko Ryanditko changed the base branch from main to feat/polish-and-enhancements April 1, 2026 18:25
@Ryanditko Ryanditko changed the base branch from feat/polish-and-enhancements to main April 1, 2026 18:25
@Ryanditko Ryanditko closed this Apr 1, 2026
@Ryanditko Ryanditko deleted the feat/ui-polish-and-personalization branch April 1, 2026 18:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant