Skip to content

feat: dashboard redesign, demo mode, landing page overhaul, and cleanup#5

Open
Iron-Mark wants to merge 4 commits intoUMakLumen:mainfrom
Iron-Mark:main
Open

feat: dashboard redesign, demo mode, landing page overhaul, and cleanup#5
Iron-Mark wants to merge 4 commits intoUMakLumen:mainfrom
Iron-Mark:main

Conversation

@Iron-Mark
Copy link
Copy Markdown
Contributor

Summary

Comprehensive update to the ResQLink Web landing page — dashboard redesign, demo mode with scenario playback, UI/UX improvements, and post-defense cleanup. 46 files changed, +2,272 / -1,317 lines.

Dashboard Redesign & Demo Mode

  • Dashboard preview overhaul (DashboardPreview.tsx): Animated demo with DEMO MODE banner, scan-line overlay, T+MM:SS timer, KPI strip, and incident cards that animate in on spawn
  • Demo Mode context (DemoModeContext.tsx): React context providing isDemoActive, toggleDemo, activateDemo, deactivateDemo
  • Scenario playback (useScenarioPlayback.ts): 1s tick, spawns incidents, fires status-change and responder-assign events, loops every 300s, derives live KPIs
  • Scenario data (disaster_scenario_1.json): Typhoon Luzon scenario — 10 incidents, 3 rescue teams, 14 timeline events
  • Navigation (Navigation.tsx): "Demo" pill (dimmed → green pulse when active), redesigned navbar with Open Web App CTA, mobile hamburger fix

Landing Page Improvements

  • AI Triage Flow (AITriageFlow.tsx): Redesigned with dark glass cards and live data previews, aligned to site brand
  • Achievements (Achievements.tsx): Fixed layout — proper relative container and logo sizing
  • Download section (DownloadAppSection.tsx): Updated APK link to Google Drive
  • Hero section (HeroSection.tsx): Minor styling updates
  • Horizontal scroll fix: Replaced w-screen with w-full, added overflow-x:hidden
  • Button hover states: Unified Community FB and Open Web App hover styling

Infrastructure

  • Android app links (assetlinks.json): HTTPS deep link verification
  • Password recovery (recovery.html): Secure redirect page
  • Environment config (.env.example, run.sh, run.ps1): Build scripts for production
  • SEO metadata: Enhanced index.html with meta tags, robots.txt, sitemap.xml

Cleanup

  • Removed stale build artifacts (build/ directory)
  • Removed Figma scaffolding (.figma_internal/, imports/)
  • Removed unused components (FeatureSection.tsx, UserPortals.tsx)
  • Removed unused asset images (5 PNGs/JPGs)
  • Removed AI agent memory files

README

  • Added Mark Siazon to authors
  • Expanded project documentation

Test Plan

  • npm run build — builds successfully
  • Landing page renders without console errors
  • Demo mode activates via nav pill — KPIs animate, incidents spawn
  • Dashboard preview loops scenario correctly
  • Mobile hamburger menu works with transparent background
  • Download APK link resolves to Google Drive
  • No horizontal scroll on any viewport size

Iron-Mark and others added 4 commits April 6, 2026 08:16
…ng, simplify env handling

- Delete build/ compiled output (should be gitignored)
- Delete src/.figma_internal/ scaffolding (4 files)
- Delete src/imports/ Figma imports (CoverPage.tsx, svg-lr6s7.tsx)
- Delete hashed asset files (5 orphaned PNGs)
- Delete scripts/build-prod.sh and build-prod.ps1 (env swap no longer needed)
- Simplify run.sh and run.ps1 to use single .env file directly
- Rewrite README.md with full project structure, setup guide, and env table

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…onts

feat: dashboard redesign, navbar polish, and post-defense cleanup
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant