GenerosiTree

Inspiration

We drew inspiration from DecoMyTree, an app where users can leave messages for friends that can be opened on Christmas Day. We loved the idea of anticipation, kindness, and holiday magic. However, we wanted to take this concept further by creating something that promotes community giving and generosity on a larger scale.

With GenerosiTree, we shifted the focus from personal messages to fulfilling meaningful requests, building a community-driven platform where users can share the spirit of Christmas by helping others.

What it does

GenerosiTree is a community-driven platform designed to spread generosity, build connections, and celebrate festivity during the Christmas season. It allows members of the community to post personal requests for help, whether they need essential items, small gestures of kindness, or meaningful experiences. Other users can browse through a gallery of requests and choose which ones to fulfill, becoming someone’s Santa. Once a request is accepted, both parties can communicate through an in-app chat to coordinate details like delivery or meeting times.

As requests are fulfilled, ornaments on virtual Christmas trees light up, visually representing the collective generosity of the community. Each neighborhood has its own tree, progressing through different stages until it becomes fully decorated and sparkling. The homepage also features a milestone tracker that motivates users by displaying the total number of fulfilled requests across Singapore. Community achievements unlock festive rewards like tree decorations, personalized avatars, and special holiday-themed site features.

To keep the experience fun and engaging, GenerosiTree includes gamified elements like personalized snowman avatars. Users can complete requests or daily challenges to earn XP and unlock avatar customizations, encouraging them to participate regularly. The platform also supports small, everyday acts of kindness through fun challenges like sending messages of appreciation or completing festive tasks.

With built-in social features like liking, sharing, and commenting on fulfilled requests, GenerosiTree fosters a connected and supportive environment. By blending interactive features, festive designs, and a focus on personalized giving, GenerosiTree makes giving back enjoyable and meaningful, ensuring everyone can experience the joy of the holiday season together.

How we built it

We used Figma to design the majority of the app, applying the skills we learned from the informative workshop hosted during the hackathon. This helped us create a clean, user-friendly interface with festive elements that reflect the Christmas spirit.

In addition to design, we tried coding the website using HTML, CSS, JavaScript, and Prisma.

Challenges we ran into

One of the main challenges we faced was our limited coding experience, lacking key coding knowledge on certain aspects of collaborative web development so we decided to go to the Figma workshop which greatly helped us, and we decided to do most of the app on Figma instead. we also had some difficulties initially understanding how git-hub worked, it was a new concept to us but after understanding and learning its actually quite cool and really useful

Accomplishments that we're proud of

an Accomplishment we are really proud of is being able to work with our teammates well, there was no arguments and we were able to effectively collaborate together to develop GenerosiTree and make friends along the way.

another accomplishment we are proud of is the fact that we completed and implemented all the features we wat to include into our wireframes successfully and the UI looks really good and we are really proud because it is one of our first time using figma

What we learned

one key thing we learned is skills in using and interacting in Figma especially, how to interact and work with the app, and creating a good wireframe.

We also gained invaluable experience in web application development while collaborating with teammates. Working with different people taught us the importance of communication, project management, and task delegation, which are essential skills in any development project.

Additionally, we learned how to use a cloud database to manage and share data across our team. Setting up and working with Neon DB helped us understand the significance of cloud storage in modern web applications, a skill we believe will be crucial for future projects.

What's next for GenerosiTree

In the future, we plan to expand GenerosiTree in several meaningful ways:

Mobile App Development: We aim to develop a mobile version of the platform for easier access and a more seamless user experience.

Partnerships with Local Charities and Organizations: Collaborating with established charities will help us reach more people in need while enhancing the platform’s credibility and impact.

Social Media Presence: Creating dedicated social media accounts will allow us to promote the app, share success stories, and engage with a broader audience.

Global Expansion: While we started with a Singapore-focused platform, we envision expanding globally, enabling communities worldwide to spread generosity and joy.

Multi-Festival Integration: Beyond Christmas, we plan to adapt the platform for other cultural celebrations such as Chinese New Year, creating year-round opportunities for giving and community engagement.

Built With

• css
• figma
• html
• javascript
• neondb
• prisma