Fruitful

Our Figma board

Inspiration

We were inspired to make Fruitful based on our own experience. We found that while we might know that it is important to recycle, we still lack a lot of awareness on how we can be more efficient. We also notice that while education is also important, many people lack the motivation to maintain sustainable habits. To counter both the issue of education and laziness, we created Fruitful to fulfill both aspects. Fruitful promotes knowledge through communities and having daily tips. The app also includes weekly challenges, something to track the number of goals people have completed, and have some friendly fun with others through leaderboards. We personally love to compete, so we thought it would be a good idea to include this in the app as other people may feel the same.

What it does

Upon opening Fruitful, users will be prompted to either sign in or sign up. If this is their first time making an account, they will be given a brief survey asking them what they are most interested in changing in their lives. These are all sustainable related, and will be taken into account when designing specific goals for users to complete. Users will be able to track the number of goals they have completed day-by-day, allowing them to view their progress. If it is the first time they have opened the app, then they will be shown a daily tip that they can return to from the homepage at any given time. They will also be given a weekly challenge to complete so that they can add something new to their lives. Users will also have a map localized to them to include any nearby events, recycling centers, or clothing donation centers. These pages will have details on them and the opportunity for users to bookmark them for future use. For users that have friends added, they will also be able to see if their friends have declared that they are going to any events. There will also be community and friend activity pages to further promote social awareness. Community pages will have some highlights with the most viewed or liked pages, and threads offer people the opportunity to socialize, ask questions, and seek advice. Friend activity pages offer a smaller, more trusted community, as users can openly ask each other if they want to hang out, come over and take any leftovers, or post any pictures related to sustainability.

How we built it

We built Fruitful with Figma. We first discussed what interfaces to include based on what we thought would be most helpful. We each then took a stab at creating our own black and white sketch of what we imagined the app to look like. We used both of our sketches to combine certain ideas that we thought would best suit the app. We also agreed on a color palette to keep the app consistent and stylized. The name and logo is something we naturally came to agree on as we kept bouncing ideas off of each other. The logo itself was designed by Jan through Adobe Illustrator. We also used free svg icons from Google Fonts.

Challenges we ran into

We didn't discuss too much about our challenges, as we spent most of the time independently working out with Figma. The both of us either relied on figuring things out ourselves, or using YouTube as reference to further understand Figma.

Accomplishments that we're proud of

Since this is our first hackathon and our first time using Figma, we're both really proud that we were able to finish our project. We were both worried before the hackathon even begun because we had a stressful week of school before the weekend, so we weren't too sure how ready we were to tackle the hackathon. However, we seemed to be really compatible as we were able to quickly come up with ideas for the app on the first night. We also didn't find Figma to be too challenging, and we are super grateful that we were able to learn such an amazing tool through this project.