Inspiration
We saw how hard it can be for everyday people and small organizations to rally volunteers and create real momentum. We wanted to make organizing missions easier, more exciting, and more rewarding, turning everyday action into something powerful.
What it does
HeroLink is a gamified web platform that helps individuals and nonprofits quickly organize missions, build teams, track their impact, and earn rewards all while growing a stronger community.
How we built it
We built our HeroLink using React for the landing, home, and event pages, with internal CSS for styling, and integrated Firebase Authentication for secure user sign-up and sign-in. Event data is dynamically pulled from Firestore collections, allowing users to create events via forms that save directly to Firestore, with immediate updates to the home page, along with a profile section to manage planned and past events and log out when needed.
Challenges we ran into
One challenge was designing a system that feels exciting without overwhelming users. We also had to find the right balance between gamification and real-world action to make sure rewards encourage meaningful participation.
Accomplishments that we're proud of
We’re proud of building a working prototype that captures the spirit of HeroLink: making volunteering and organizing missions easy, fun, and impactful. Seeing the platform come to life from just a simple Figma workflow to a fully functioning website was a huge milestone.
What we learned
We learned how important it is to design with both excitement and simplicity in mind. We also gained a deeper understanding of how gamification can motivate real-world behavior when used thoughtfully.
What's next for HeroLink
We plan to launch HeroLink in our local community first, getting friends and family involved to build momentum. From there, we aim to scale up to schools, local businesses, and civic programs, eventually becoming a trusted platform for community action and emergency response.
Built With
- firebase
- google-maps
- react
- tailwindcss
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.