Bloomme

Inspiration

Bloomme was created out of the need to create a safe and educational space for girls and adolescents to learn and explore topics about their bodies, emotional health, consent, etc. We noticed the lack of resources to educate young girls on these topics through tools that are fun, and easy to use, but most importantly that is accesible to girls across the world. Bloomme addresses these urgent health and education needs, providing a safe and accessible space for girls and adolescents to learn about emotional well-being, physical development, and sexuality without taboos or stigma. Our platform seeks to break down barriers and empower young individuals with knowledge and confidence.

What it does

Through a user-friendly and engaging interface, the application offers access to information and activities on important but often taboo topics, such as sexual health, emotional management, and healthy relationships. Our goals include: Creating a safe learning environment: Providing a digital space where girls and adolescents can access information on health, emotional well-being, and relationships in an accessible, clear, and stigma-free format. Interactive education: Presenting sex education, personal boundaries, relationships, and emotional health topics through quizzes, thematic modules, and engaging activities that foster curiosity and active learning, rather than mere memorization. Promoting emotional self-regulation: Offering emotional management tools to support girls and adolescents in recognizing and managing their emotions, providing exercises and relaxation techniques tailored to their mood. Providing critical support: Incorporating an emergency button to connect users with local helplines and resources in crisis situations, providing an additional support network for potential emergencies. Advancing gender equality and self-awareness: Contributing to the fulfillment of Sustainable Development Goal 5 by providing content that encourages girls and adolescents to make informed decisions, build self-esteem, and develop a consciousness of equality and respect in their personal relationships.

How we built it

Technology Stack Bloomme's development relies on a modern technology stack that optimizes both user experience and application functionality. Each technology was chosen to maximize performance, scalability, and accessibility. The following are the key components of the stack: Frontend: Vite: Used as the build environment, Vite provides a fast and lightweight development experience, essential for rapid iteration during the hackathon. Its support for native JavaScript modules and TypeScript compatibility facilitate agile and efficient development. React.js: React is the core of Bloomme's user interface, offering a reusable component system efficiently managed through a virtual DOM. This enables Bloomme to provide an interactive and dynamic experience, crucial for the children and adolescents it targets. TypeScript: Provides a static typing system that enhances code reliability and maintainability, minimizing errors and facilitating project scalability. TypeScript is used in both frontend and backend, ensuring consistency throughout the application development. Tailwind CSS: Chosen for visual design, Tailwind allows flexible and highly customizable styling. With this framework, the team can create a visually appealing and user-friendly interface for young users, featuring colorful and friendly elements that adapt well to a safe and welcoming environment. Backend: Node.js: Node.js is the primary technology for server logic, enabling real-time development and facilitating connection with the React frontend. Its ability to handle large data volumes asynchronously is crucial for an educational and interactive application like Bloomme. Express.js: This framework simplifies the creation of a RESTful API and provides an organized structure for application routes and endpoints. Express ensures optimized request management, guaranteeing rapid and precise server responses. Sequelize: As an Object-Relational Mapping (ORM) tool, Sequelize facilitates communication between the application and PostgreSQL database, simplifying queries and optimizing data manipulation. PostgreSQL: Bloomme's database is built on PostgreSQL, selected for its ability to handle complex data and security. PostgreSQL allows organized storage of user information, quizzes, scores, and emotional records, ensuring data integrity and efficiency. Integration of Gemini API The Gemini API plays a vital role in Bloomme, providing the artificial intelligence that powers the virtual assistant, which interacts with users in a safe, empathetic, and controlled context. The Gemini API enables the assistant to respond to girls' and adolescents' questions on sensitive topics, offering guidance and carefully designed answers tailored to their age and understanding level. The following are key aspects of its integration: Virtual Assistant Personalization During registration, users can choose the assistant's appearance and name, personalizing it to feel accompanied by a trustworthy virtual character. The Gemini API, once configured with this data, adapts its responses and establishes a friendly and secure tone aligned with users' needs and ages. Contextual Chat The API integration allows the assistant to maintain a specific context for each conversation, using the appropriate tone for the child audience. This helps the assistant respond with particular empathy, providing encouraging and carefully structured messages. Custom Emotion Exercises In the emotions management section, the Gemini API generates containment exercises based on the user's emotional state. For example, if a girl indicates feeling anxious, the assistant can suggest breathing or guided visualization exercises, generating dynamic responses to help manage stress safely. Emergency Support The API also facilitates the emergency button, providing relevant contact information based on the user's country of registration. This feature helps connect girls and adolescents with local resources in emergency or risk situations. Key Benefits The integration of the Gemini API in Bloomme reinforces the application's safety, personalization, and adaptability, contributing to a trustworthy and respectful platform that acknowledges its operational context.

Challenges we ran into

-We faced a few challenges along the way such as creating a platform that tailors to young girls as well as teenagers. We worked on making our AI prompts very specific by giving it context and making sure it provides information according to their age. -Ensuring data security and privacy for sensitive user information was also important so we implemented middlewares that verify the user before providing sensitive information. -Addressing diverse user needs and preferences -Continuously evaluating and improving the project's effectiveness and impact.

Accomplishments that we're proud of

We are proud of everything we did in this project, from choosing the topics of our project and taking the first steps to make it a reality to coding and solving problems with the intention of making the user's experience a pleasant and fun activity. Here are the things we can highlight from this experience: -Safe Space Creation: Successfully designed and launched a secure, non-judgmental platform for girls and adolescents to explore sensitive topics. -Empowerment Through Education: Developed and deployed interactive quizzes and modules, empowering users with critical knowledge on sexual health, relationships, and emotional well-being. -Support System Establishment: Implemented an AI-powered virtual assistant, providing personalized support and resources to users. Technical Innovations -Customizable User Profiles: Designed and implemented personalized profiles, allowing users to tailor their experience. -Gemini AI Integration: Successfully integrated cutting-edge AI technology to enhance user experience and provide expert guidance.

What we learned

First of all we learned about the deficit of resources for young girls and teens across the world in regards to health information that is accesible and easy to understand. Reading the articles provided by the UN's website, allowed us to understand the importance of projects like this.

Secondly, we learned to work with advanced technologies to create the front and back end, but mostly we learned to implement Gemini as our main AI support to generate quizzes, answers, activities, etc. It was very interesting for us to see Gemini in action.

What's next for Bloomme

We would like to implement more advanced functionalities, for example: -We would like for the user to be able to speak with the assistant in case of need, for example if the user is having a panic attack or needs to verbally express her emotions, the AI assistant would be able to chat with her and help her calm down.
-We would also like our AI assistant to identify patterns in the user's registries so that it can identify any irregular experiences and then provide information in the Emergency button that the user can use. -We would like to create a space for educators and psychologists that can post their own content that can help users by region and that can also offer their services if the user were to need it.

Built With

express.js
node.js
postgresql
react
sequelize
tailwind
typescript
vite

Submitted to

Google's Women Techmakers presents She Builds AI

Created by

I worked on the front end portion of the project, designing the views and functionality of the Safe Area section. I learned a lot because it was my first time using React and Vite. It was very rewarding to work on this project.

Gabriela Ramos
During the hackathon, I developed the registration and login functionalities for the backend using Node.js, TypeScript, Sequelize, and PostgreSQL. I also collaborated on integrating the Gemini API to retrieve key data in real-time. This project allowed me to deepen my understanding of authentication security and query optimization.

AylinSantaCruzV
My contribution was in the frontend, I worked on the home view, login, my progress, quiz, from functionalities, connections and styles

Gladis Danilu Farill Casiano
I have been working with the front-end. It was my first time working with React and vite, I learned a lot from this experience, it was challenging but immensely rewarding. I was working on styles, views and connections with the api inside the whole app.

Barbara De Abreu
I contributed to backend and frontend development by creating endpoints to manage rewards and integrating the Gemini API. On the frontend, I worked on state management to dynamically move rewards.

Diana Vilchez
I worked on the backend part of the project, using Node.js, TypeScript, Sequelize and PostgreSQL. Functionality integrating the Gemini API for the Safe area.

Antone Gonzales