BridgeTech

BridgeTech's goal is to make students take action within their area to educate vulnerable age groups on cybersecurity/security issues, which are really common today. This web application fixes that.

Comment

Inspiration

BridgeTech was inspired by a simple but powerful realization: seniors are often left vulnerable in today’s digital world. While technology evolves rapidly, many older adults struggle to navigate it safely, leaving them exposed to scams, misinformation, and other online risks. I wanted to create a project that empowers students to make a real impact, teaching seniors digital literacy skills while building community awareness.

The goal became clear: bridge the digital gap between generations, turning students into advocates and educators for the most vulnerable.

What it does

BridgeTech is a web-based interactive platform that trains students to understand the unique challenges seniors face online. The platform includes:

  • Interactive lessons on cybersecurity, scams, and smartphone skills.
  • Quizzes at each level to ensure mastery before unlocking the next stage.
  • Certification upon completion, encouraging students to put their skills into real-world action by connecting with local senior centers.

The project combines education, gamified progress, and community service, making learning engaging, purposeful, and actionable.

How we built it

We built BridgeTech using HTML, CSS, and JavaScript:

  • Tabs and interactive panels guide students through three levels of lessons, with a final certification step.
  • Quizzes use a pass/fail system (≥80%) to unlock subsequent levels, storing progress in localStorage for persistence.
  • Visual enhancements like glitching headers, rotating text, and floating particles make the experience dynamic and engaging.
  • Responsive navigation and smooth scrolling ensure accessibility across devices.

The design focused on balancing interactivity, clarity, and educational impact.

Challenges we ran into

Some major challenges included:

  • Implementing a locked-level system for sequential learning.
  • Ensuring animations and visuals enhance the experience without distracting from the content.
  • Designing lessons that are meaningful for both students and seniors, requiring research into common digital risks for older adults.
  • Persistently tracking student progress across sessions using localStorage.

Accomplishments that we're proud of

  • Created a full gamified learning experience with quizzes and unlockable levels.
  • Designed engaging visuals and interactive elements to make the platform exciting.
  • Developed a system that translates digital literacy into real-world community action.
  • Successfully connected education with service, inspiring students to teach and protect seniors.

What we learned

We learned how to:

  • Combine technical skills with educational design, balancing interactivity and clarity.
  • Research and translate real-world problems into meaningful lessons.
  • Implement gamification to motivate users and track progress.
  • Design for impact, ensuring knowledge leads to action in the community.

What's next for BridgeTech

We hope to:

  • Expand the platform to cover more lessons and advanced cybersecurity topics.
  • Integrate real-time progress tracking and leaderboards for student motivation.
  • Partner with more local senior centers to increase community impact.
  • Adapt the course for different age groups and digital skill levels, ensuring BridgeTech reaches as many people as possible.
Share this project:

Updates