GUItopia

Inspiration

Our inspiration stems from a profound belief in the power of community-driven action and the transformative potential of gamification. Recognizing the challenge of accurately tracking and measuring the impact of volunteering efforts, we set out to create a solution that not only addresses this need but also fosters a deeper connection to environmental stewardship. Drawing inspiration from the ethos of Ground-Up Initiative (GUI), we envisioned a game that seamlessly integrates the joy of gaming with the fulfillment of making a tangible difference in the world. Our solution is more than just a platform for reporting actions; it's a dynamic ecosystem that incentivizes and empowers volunteers to actively engage in environmentalism. By gamifying tasks such as recycling, tree planting, and composting, we aim to inspire a sense of ownership and responsibility towards sustainable practices. The incorporation of a nudge-based approach ensures sustained engagement, while the simulation of real-life activities adds authenticity and meaning to the experience. At its core, our solution embodies the spirit of innovation, resilience, and grounded leadership championed by GUI. By harnessing the power of gaming, we seek to create a community-driven movement where every action, no matter how small, contributes to a larger collective impact. Through this approach, we hope to not only revolutionize how we measure volunteer impact but also cultivate a deeper sense of connection and purpose within the community.

What it does

Introducing GUItopia, our innovative web application designed to revolutionize volunteer engagement and environmental impact tracking. At the heart of GUItopia is a dynamic volunteer portal where users can collect in-game items like water and seeds to plant trees, which can later be harvested for apples. These apples serve as currency for real-life rewards, providing tangible incentives for users to actively participate in environmental initiatives.

Our platform offers robust flexibility, allowing for easy updates and changes to the game to prevent user boredom. Through completing missions and declaring acts of environmentalism, users earn in-game currency. They can validate their actions by uploading picture proof via GUItopia, facilitating accurate measurement of volunteering impact. This data is then analyzed and presented through figures and charts on our webpage, providing valuable insights into community contributions.

To further engage users, GUItopia employs a nudge-based approach, featuring a leaderboard and game notifications. These subtle prompts remind users to stay active within the game, effectively encouraging sustained participation. By seamlessly integrating gaming elements with real-world environmental actions, GUItopia not only retains volunteers but also embodies the ethos of lifelong learning and sustainability.

How we built it

GUItopia was built using simple technologies like HTML, Javascript and Tailwind CSS to simplify game design and allow large flexibility for updates without heavy technical knowledge. In-game processes are dedicated largely to client-side, allowing the server to bear less load per active user. As a result, we foresee GUItopia to be highly scalable with little operational costs to run server capabilities.

GUItopia incorporates a currency and rewards system relevant to GUI’s notion towards environmentalism and community. Users can complete daily or weekly missions by upload photo-proof, thus earning currency for game progress and further rewards.

Challenges we ran into

Embarking on our first hackathon journey, we found ourselves navigating uncharted territory with little coding experience and no prior exposure to full-stack development. Determined to transcend the realm of mere Figma prototypes, we embarked on a crash course in website coding, fueled by a relentless pursuit of excellence within a constrained timeframe.

Yet, our aspirations were met with an unexpected challenge—the festive backdrop of the Chinese New Year. Amidst the jubilant celebrations and familial obligations, we found ourselves torn between personal commitments and our collective endeavor.

Despite these formidable obstacles, we remained undeterred, driven by a shared passion to make a meaningful impact. Each hurdle became a testament to our resilience and determination, fueling our resolve to overcome adversity and emerge triumphant.

Through sheer perseverance and unwavering dedication, we defied the odds and transformed our vision into reality. Our journey, though arduous, was imbued with invaluable lessons and profound growth, affirming the adage that greatness often arises from the crucible of challenges.

What we learned

Not only have we improved our proficiencies with the relevant technical tools, it was also an insightful experience having strived to incorporate GUI’s efforts at sustainability and community building into our solutions. We have grown together as a team, learning to work effectively together and contributing our strengths into this project, to bolster creative ideas and cultivate the team spirit.

What's next for GUItopia

The next steps for enhancing GUItopia involve integrating a user-friendly database and a more robust security system. Implementing a database with low technical requirements will make it easier for staff to manage game data, track user progress, and store game settings without needing extensive technical knowledge.

Adding a robust security system, such as Keycloak, will enhance the system security by providing Single Sign-On (SSO) capabilities, allowing users to log in using existing credentials from other services, such as users’ Google or Facebook accounts. This not only simplifies the login process but also improves security by leveraging Keycloak's comprehensive security features, including identity and access management, token-based authentication, and encryption.

Further developments can also include adding community-based functionalities to GUItopia, such as chat rooms, blog page or tree sharing features to facilitate the fostering of a closely-knit community. It allows users to view other’s progress and activity, creating positive feedback for users to engage and interact with one another within GUI’s community.