We wanted to share our love for nature with other people, so we used our technical skills to come up with GenerosiTree. Our goal is to create a platform that not only inspires others to appreciate the environment but also encourages real-world action through tree planting and conservation efforts. By combining technology and nature, we hope to make sustainability more accessible and engaging for everyone.
GenerosiTree is a platform for individuals who are passionate about the environment to share photos of themselves helping the planet. Whether it's planting trees, cleaning up beaches, or simply going on a hike, the platform allows users to inspire others and showcase their actions. By connecting like-minded people, GenerosiTree fosters a community that celebrates small acts of kindness toward the Earth, turning personal contributions into collective impact.
We used Next.js, a React framework for our project's frontend, which was supplemented by 3D models made in Three.js. For user authentication and data storage, we used Firebase and Firestore. We hosted our platform on Vercel, with a domain supplied by GoDaddy. And most importantly, all donations towards reforestation efforts are made possible by Digital Humani.
Authentication was one of our biggest challenges, and we spent some time deciding on which provider to use. Trying to create animations was also quite time consuming. Additionally, we ran into issues with our linter when trying to compile and commit code.
Producing a Minimum Viable Product for GenerosiTree, from coming up with the idea to deploying a live website, all in 24 hours!
We learned the importance of planning projects ahead, especially things like tech stack, UMLs, and wireframes. We also learned a lot about authentication with React, and 3D modeling with Three.js.
More interactive visualization for the explore page, and a leaderboard for the trees that raise the most money! We also have plans for other authentication and donation methods.