Inspiration

We loved the idea of promoting sustainable habits in a fun and sharable way. We were very inspired by Girl Scout badges and scrapbooks, and thought it would be encouraging to promote real-world actions that are good for the planet through a cute digital incentive that users can show off, share with friends, and look back on to see the impact of their choices.

What it does

Users can access a to-do list of actionable tasks that are good for the planet. When they complete a task, they are prompted to snap a picture of their achievement. The photo and a special sticker appear in their personal scrapbook, along with a fun fact about the task's impact! We also have a statistics page where the user can learn more about climate data.

How we built it

We built Bloom Book primarily using Streamlit web app services and Gemini API with Python and HTML/CSS. We used Figma to prototype a landing page as well as develop design assets such as logo, stickers, and collages to use throughout our project. Using Gemini API, we used prompt engineering to make a model that generates fun facts using analogies and metrics that encourage the user for completing a task. We connected it to the tasks in Streamlit. For the rest of the web app in Streamlit, we utilized widgets to check tasks, upload images, and display statistics.

Challenges we ran into

We had trouble integrating Streamlit with HTML & CSS to make our website more aesthetically pleasing, and getting it to work effectively for one page took up a lot of time. As beginners, we also had very limited experience working with Streamlit, Gemini API, and Figma, so we had to figure out almost everything as we went.

Accomplishments that we're proud of

We're very proud of ourselves for going from complete beginners to now having made a functioning site using resources we hadn't worked with before. We dove headfirst into the process and stuck with it even when it was difficult, so we're proud of how far we've come.

What we learned

We learned how to work with Gemini, Streamlit, Figma, and built a lot of confidence with Github, version control, digital collaboration, and resolving merge conflicts. We also learned that anything can be figured out!

What's next for BloomBook

We would love to expand on the use of GeminiAPI by incorporating personalized task suggestions and sharing information about local organizations and sustainable brands to support. Building upon our statistics page could also add further personalization to the app through a carbon footprint calculator and charts displaying the user's personal impact. Finally, we would also want to flesh out the UI a bit more and create a more engaging user experience, making the web app compatible for phone usage. We would also want to incorporate a login system and save user data. This would allow users to log their progress and share their scrapbooks with friends.

Built With

  • figma
  • geminiapi
  • html/css
  • python
  • streamlit
  • vscode
Share this project:

Updates