SeniorShield Companion

A calm, voice-friendly digital helper for seniors to learn tech and spot scams.

Inspiration

We built SeniorShield Companion because the digital world can feel overwhelming for older adults, especially when scams are getting more convincing every day. GenLink’s mission really resonated with us: helping seniors feel safer and more confident with everyday technology, not just more “connected.” We wanted to make something that feels patient, clear, and respectful instead of fast and intimidating.

What it does

SeniorShield Companion gives seniors one calm place to do three important things: check suspicious messages for scams, ask plain-language tech questions, and practice common digital tasks safely. The app uses large text, high contrast, and optional voice support so it stays accessible for users who struggle with small screens or typing. It also includes a demo mode and a trusted tips library so people can learn even when they don’t want to rely on AI every time.

How we built it

We built the app with Next.js 14, React, TypeScript, and Tailwind CSS, and used shadcn/ui and Lucide React to keep the interface clean and approachable. State is managed with Zustand, data is stored with SQLite and Prisma, and validation is handled with Zod. We also integrated the Web Speech API for speech-to-text and text-to-speech, plus Next.js route handlers for the backend logic, all packaged for easy deployment with Docker.

Challenges

One of the biggest challenges was designing for simplicity without making the app feel limited. We had to think carefully about every screen, because seniors can be overwhelmed by too many choices, too much text, or unclear feedback. Another challenge was balancing AI-powered help with safety and clarity, especially when explaining scam risks in a way that is helpful but not alarming.

Accomplishments

We’re proud that the app feels calm and usable, not just technically functional. The accessibility toolbar, voice features, and guided practice mode all work together to make the experience feel genuinely senior-friendly. We also love that the demo scenario makes it easy to show the project’s value quickly in a hackathon setting or a senior-center workshop.

What we learned

We learned that accessibility is not just a feature, it shapes the entire product experience from the first screen onward. We also learned how important plain language is when building AI tools for people who may not trust or understand technical jargon. Most of all, we saw how much thoughtful design can reduce anxiety and make technology feel approachable.

What’s next

Next, we’d like to expand the practice library with more real-world scenarios like online banking, video calling, and device settings help. We also want to improve scam detection with more nuanced explanations and add multilingual support for broader accessibility. Longer term, we’d love to pilot this with senior centers and refine it based on real user feedback.

Built With

  • date-fns
  • docker
  • lucide-react
  • next.js-14+-(app-router)
  • next.js-route-handlers
  • prisma-orm
  • react
  • shadcn/ui
  • sqlite
  • tailwind-css
  • typescript
  • web-speech-api
  • zod
  • zustand
Share this project:

Updates