Treep

Welcome to Treep. Where you can earn points when you use public transport and redeem them for bus and metro tickets, turning your daily commute into a rewarding adventure.

Comment

Theme

Mobility

Inspiration

We wanted to create an app that allows users to get rewards for using public transport. We thought of many ways to detect the user using the public transport, like using AI image recognition, and NFC, but then we had the simplest idea, QR codes! They are every where and can encode JSON so why can't we use them to somehow log users public transport usage? We can generate new QR codes everyday with timestamps so people can't abuse using the old ones to get rewards. The app reads the QR code and determines if it's valid or note. Well, for this we need support from public transport sector to display the QR code in metro and bus area but that does not seem hard at all !

What it Does

Treep, a fusion of "tree" and "trip," is not just a mobile app; it's your companion on a journey towards a greener, more sustainable lifestyle. We are on a mission to fuel collective transport, but in a fun and rewarding way! Picture this: You earn points by effortlessly scanning QR codes tied to public transportation services. These points unlock a world of possibilities – redeem them for bus and metro tickets, turning your daily commute into a rewarding adventure. But here's the cherry on top – with every point you earn, watch your virtual tree flourish within the app. It's more than just a tree; it's a visual celebration of your positive impact on the environment. Your tree grows as a reminder of your commitment to eco-friendly choices, inspiring you to keep making a difference. 🌱 🌳🌍 Treep goes beyond rewards; it's a commitment to creating a legacy of sustainability. Utilizing the OpenAI API, Treep generates daily challenges, turning your shared commute into a collaborative, eco-conscious adventure. 🎲

How We Built It

• Backend: Developed using Node.js and Express.js, ensuring a robust and efficient server-side architecture. • Frontend: Created with React, providing an intuitive and responsive user interface for a seamless mobile experience. • Design: Designed all the pixel arts from scratch in Pixilart to give our app an original look. • Database: Utilized a JSON file for data storage, providing a lightweight and easily manageable solution. • Apis: Integrated OpenAI for dynamic daily challenges, fostering community engagement. Challenges We Ran Into The were two main challenges: 1) decrease the scope of the project so that it could be delivered in 24h. This meant we had to choose features that were simple enough to be implemented within the time limit and yet expressive of the mission of the app. 2) The second challenge was the design process. We explored some UI looks and color palettes but none of them satisfied us. So, for the first time, we decided to create our own UI from scratch. That includes all the buttons, popups, and the tree at different stages.

What We Learned

First let’s start with the non-technical lessons: Always start with the easiest and simplest solutions. And make some assumptions, otherwise it would be very hard to know where to start. For technical lessons: Know the tools you are going to use beforehand.

What's Next for Treep

  1. Collaboration with Transportation Organizations: We aim to collaborate with bus and metro organizations to make Treep compatible with various public transportation services.
  2. Expanded Rewards System: Enhance the rewards system to offer a variety of incentives beyond bus and metro tickets, potentially collaborating with local businesses to promote sustainable practices.
  3. Community Engagement: Implement features that encourage community engagement, such as leaderboards, challenges, and social sharing, to foster a sense of collective responsibility towards sustainable commuting.
  4. Encode QR data in a more secure way so it is non-malleable by users
Share this project:

Updates