Inspiration

We wanted a banking experience that feels calm and helpful, especially for those with visual imparities.

What it does

  • Shows balances, spending trends, recent transactions, goals, and cards in one clean dashboard.
  • Lets you ask an AI advisor quick questions like “What changed this month?” or “How can I save $200?”
  • Offers optional screen‑share analysis to help review statements or catch suspicious charges.

How we built it

  • Frontend: React + Vite with accessible UI primitives (Radix), icons (lucide), and a high‑contrast, glassy design.
  • Services: TypeScript API layer to a FastAPI backend for health checks, conversation flow, and screen analysis hooks.
  • Components: Cards, lists, charts, and a starry background with smooth animations.

Challenges we ran into

  • Dependency/version mismatches across UI libraries that broke builds.
  • Balancing visual polish with performance and accessibility.
  • Scoping features so the demo stayed stable.

Accomplishments that we’re proud of

  • A fast, cohesive dashboard that feels premium without being cluttered.
  • An advisor that opens instantly and focuses on actions, not noise.
  • A component system that’s easy to extend.

What we learned

  • Keep imports and UI primitives clean; small version issues cost time.
  • Designing the experience first made technical choices simpler.
  • Resilience matters: health checks, error states, and fallbacks reduce demo stress.

What’s next for Orion AI

  • Secure account aggregation for real, personalized insights.
  • Smart alerts (bill spikes, duplicate charges, quiet subscriptions) and budgeting nudges.
  • Deeper advisor skills like “what‑if” simulations and proactive guidance.
  • Mobile layout and accessibility refinements.

Built With

Share this project:

Updates