feat: implement UX chunks 055-058 — enhanced home, search/filter, card polish, journey UX#68
Closed
feat: implement UX chunks 055-058 — enhanced home, search/filter, card polish, journey UX#68
Conversation
Chunk 052 — Responsive Layout Overhaul: - Update media query breakpoints from 641px to 768px - Replace display none/block nav toggle with max-height transition - Add prefers-reduced-motion for nav transition - Add mobile-first col-12 classes to all view templates Chunk 053 — Accessibility & Keyboard Navigation: - Add skip-to-content link in App.vue - Add id=main-content to main element - Add aria-label to navbar toggler - Add role=dialog, aria-modal, aria-label to DetailModal - Add Escape key listener and focus trap to DetailModal - Add aria-labels to action buttons in all views Chunk 054 — Dark Mode Support: - Create useTheme composable with localStorage persistence - Add theme toggle button in sidebar - Replace hardcoded colors with CSS custom properties Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
Agent-Logs-Url: https://github.com/devstress/My3DLearning/sessions/b43c3975-96ac-4d2b-be90-b02b70021ed3 Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
…d polish, journey UX Chunk 055 - Enhanced Home Landing Page: - Hero section with animated gradient and prefers-reduced-motion - How It Works section with 4 steps (Browse, Select, Customise, Quote) - Testimonials carousel with prev/next navigation - Footer with copyright and tech tagline - 4 new HomeView tests Chunk 056 - Search & Filter UX: - useDebounce composable for search inputs - FilterChip component with remove capability - EmptyState component with SVG icon - URL query-string sync on all filter views - Result count badges on all views - 7 new tests (useDebounce, FilterChip, EmptyState) Chunk 057 - Card & List Interaction Polish: - Card hover effect with translateY and box-shadow - PaginationBar component with page numbers - Sort-by dropdowns on Marketplace (price/date) and LandBlocks (area/suburb) - Pagination on Marketplace and LandBlocks views - 4 new PaginationBar tests Chunk 058 - Journey UX Enhancement: - StepIndicator component (horizontal stepper) - ConfirmDialog component (modal confirmation) - ConfettiEffect component (CSS-only confetti) - JourneyTimeline component (vertical sidebar) - Journey view uses StepIndicator, ConfirmDialog, ConfettiEffect, Timeline - Updated JourneyView tests for StepIndicator - 6 new tests (StepIndicator, ConfirmDialog) Total: 120 tests passing (99 original + 21 new), TypeScript clean. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
… UX — 120 tests Agent-Logs-Url: https://github.com/devstress/My3DLearning/sessions/b43c3975-96ac-4d2b-be90-b02b70021ed3 Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
…alidation, performance Chunk 059 - Dashboard Widgets & Charts: - Create StatCard component with animated count-up - Create SparklineChart pure SVG component - Update DashboardView with StatCard, sparklines, notification bell, quick actions Chunk 060 - Breadcrumbs, Page Titles & Navigation: - Create BreadcrumbBar component (auto-generated from route meta) - Add meta (title, breadcrumb) to all routes - Add catch-all 404 route with NotFoundView - Add document title updates via router.afterEach in App.vue - Add BreadcrumbBar to App.vue content area Chunk 061 - Form Validation & Input UX: - Create useValidation composable (required, minValue, maxValue, pattern) - Add validation to HomeModelsView, MarketplaceView, LandBlocksView - Add auto-focus on mount for search inputs - Add clear-all-filters button in each filtered view Chunk 062 - Performance & Bundle Optimisation: - Verify route-based code splitting (all routes use lazy imports) - Create usePagedList composable for batched rendering - Add Show More pattern to LandBlocksView Tests: 141 passing (120 baseline + 21 new) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
…d — 141 Vitest tests Agent-Logs-Url: https://github.com/devstress/My3DLearning/sessions/b43c3975-96ac-4d2b-be90-b02b70021ed3 Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
Copilot created this pull request from a session on behalf of
devstress
April 9, 2026 05:58
View session
…(User Auth) - Add SearchResult, AggregatedQuote, QuoteLineItem, PlatformUser types - Add search, aggregated-quotes, and auth API methods - Create SearchView with debounced search, type filter, URL sync - Create SearchBar component added to App.vue header - Create QuoteSummary component integrated into JourneyView - Create useAuth composable with login/register/logout/restoreSession - Create LoginView and RegisterView with validation - Add /search, /login, /register routes - Update App.vue with auth state (user info, login/logout) - Add 20 new tests (161 total, all passing) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
…rts views (chunks 067-069) - Add Partner, Walkthrough, WalkthroughScene, WalkthroughPoi, DesignEdit, Report, ComplianceResult types - Add API methods for partners, walkthroughs, design editor, reports, and compliance - Create PartnersView with category filter, search, card grid, and detail modal - Create WalkthroughsView with walkthrough cards and generate form - Create DesignEditorView with edit form, history table, and undo - Create ReportsView with reports/compliance tabs, generate forms, and result cards - Add routes and nav links for all new views - Add 16 new tests (all 177 tests pass) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
…atuses Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
…Vitest tests Agent-Logs-Url: https://github.com/devstress/My3DLearning/sessions/8e4632ad-a599-4455-b138-79b99ac8c9ad Co-authored-by: devstress <30769729+devstress@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Phase 14 Complete: 7 new views, 20 components total, 7 composables, 177 Vitest tests, 29 Playwright E2E. All backend API groups wired to frontend.