Inspiration:

Our team was inspired to build LoopMe after watching older relatives panic over fraudulent text messages and hide their confusion out of shame. Cybersecurity tools are engineered for tech-literate users, leaving vulnerable populations unprotected against weaponized urgency. They do not need a complex technical lecture—they need radical clarity and a shame-free bridge to support.

What it does:

LoopMe is an accessibility-first mobile web app that serves as a plain-language scam safety helper. Users tap a single giant button to pull a suspicious message straight from their clipboard. The app bypasses technical jargon, providing a clean stoplight risk card (Looks Okay, Be Careful, Stop—Likely Scam) alongside three plain-language pillars: The Situation, The Action (exactly one safe next step), and The Physical Analogy. It identifies the psychological manipulation used (e.g., Hurry, Fear) and includes a one-tap "Family Lifeline" button to generate a dignity-preserving validation message to a trusted contact without embarrassment.

How we built it:

We built LoopMe using React and Vite for fast, lightweight state transitions, styled with Tailwind CSS to enforce large touch targets and high-contrast, 24pt minimum typography. We integrated the browser's native Web Speech API to handle immediate text-to-speech narration for all alerts. The core evaluation framework runs entirely on a client-side mock analysis engine utilizing regular expressions and keyword maps to instantly process payloads and map risk parameters without server latency or external API risks. The entire application was rapidly co-authored, engineered, and iterated from concept to functional MVP using Claude Code as our primary development tool.

Challenges we ran into:

Overcoming mobile browser security sandboxes to implement a seamless, one-tap asynchronous clipboard paste required careful architecture. Our biggest design challenge was a paradox: explaining a dangerous threat without triggering further panic. We abandoned aggressive, flashing red elements or alarming hacker motifs, instead refining the visual hierarchy to mimic a calm, supportive health utility using soft cream tones and grounding, non-judgmental prose.

Accomplishments that we're proud of:

We successfully flipped the script on cybersecurity UX by designing an interface where the primary output is a relatable human analogy rather than a complex threat log. We are also incredibly proud of creating the Public Computer Mode (Library Mode) toggle. Built for shared terminals in libraries and senior centers, this feature automatically forces maximum accessibility settings and runs a strict 2-minute client-side data-wipe timer to leave zero digital footprints behind.

What we learned:

We learned that product innovation isn't always about building a more complex back-end algorithm; sometimes the greatest technical milestone is designing an inclusive, radically simplified gateway for users the tech industry routinely leaves behind. We discovered how to merge the requirements of Web Content Accessibility Guidelines (WCAG) with human psychology, proving that security tools must prioritize human dignity to be truly effective.

What's next for LoopMe:

We plan to integrate localized, on-device large language models to process highly nuanced attacks while strictly maintaining user privacy. We also want to build a mobile camera OCR engine so users can scan physical screens or paper mail for an instant breakdown. Finally, we aim to transition from prototype to real-world deployment by partnering with public library networks and senior centers to distribute physical QR-coded bookmarks and magnets directly to our target communities.

Built With

Share this project:

Updates