greenthumb

Inspiration

Our inspiration for building the greenthumb app was the goal of promoting sustainability and community building through gardening. We wanted to create a platform that connects people with a shared passion for gardening and fosters a sense of community and environmental responsibility.

What it does

The greenthumb app is a full-stack web application that connects community members with a shared interest in gardening. It features a blogging system, authentication with Discord, event creator and manager, and a garden finder that uses the Google Maps API to get map locations of gardens. Users can create and manage events, connect with other gardeners, and share their gardening experiences through blog posts.

How we built it

We built the greenthumb app using the T3 stack, which includes Next.js, TypeScript, tRPC, Prisma, and NextAuth.js. We used Next.js and TypeScript in the frontend, NextAuth for user authentication with Discord, and tRPC to connect the frontend with the Prisma database. Additionally, we used Supabase, an open-source Firebase alternative, as an add-on to provide a PostgreSQL database and API for handling real-time data synchronization and authentication. We also integrated the Google Maps API to power the garden finder feature.

Challenges we ran into

One of the biggest challenges we faced while developing the greenthumb app was learning and becoming proficient in the T3 stack, which was new to us. We had to spend time getting up to speed with Next.js, TypeScript, tRPC, Prisma, and NextAuth.js, which presented a steep learning curve. However, we were able to overcome this challenge by dedicating time to learning and practicing with the technologies until we became proficient.

Accomplishments that we're proud of

We are proud of several accomplishments with the greenthumb app, including successfully integrating the Google Maps API to power the garden finder feature, creating a seamless user authentication process with Discord, building a robust event management system that enables users to create and manage events with ease, and integrating Supabase to provide real-time data synchronization and authentication. Additionally, we are proud of overcoming the challenges presented by the steep learning curve of the T3 stack and becoming proficient in the various technologies used to build the app.

What we learned

While developing the greenthumb app, we learned several new technologies and gained a deeper understanding of full-stack web development. We became proficient in using the T3 stack, which includes Next.js, TypeScript, tRPC, Prisma, and NextAuth.js, and learned how to integrate external APIs like Google Maps. Additionally, we gained valuable experience working with Supabase as an add-on to provide a PostgreSQL database and API for handling real-time data synchronization and authentication. Overall, we learned how to build a full-stack web app from scratch and gained new skills that we can apply to future projects.

What's next for greenthumb?

Moving forward, we plan to continue improving and adding new features to the greenthumb app, such as integrating a messaging system to facilitate communication between community members, adding social sharing functionality, and improving the user interface. In addition, we plan to expand the app's reach by developing a mobile app using React Native, which will provide a more convenient and accessible way for users to engage with the community and participate in gardening activities on the go.