Bubblin

• 

  Bubblin

Inspiration

The inspiration for Bubblin stems from a deep desire to transform workplace dynamics. We aimed to: -Foster Psychological Safety: Create an environment where every individual feels genuinely safe to voice their thoughts without fear of identification or retaliation. -Democratize Feedback: Move beyond top-down or infrequent surveys, establishing a continuous, bottom-up flow of authentic insights from the entire team. -Make Data Human: Translate cold data points into understandable, relatable narratives that resonate with both employees and leaders, driving empathy and action. -Leverage Modern AI: Utilize advancements in conversational AI and text-to-speech to make feedback interaction more intuitive, engaging, and accessible. -The "Bubble" Metaphor: The core idea of thoughts "bubbling up" from within, rising, and merging with others to form a larger, clearer, and more powerful collective picture.

What it does

Bubblin is a modern web application designed to revolutionize employee feedback by providing a truly anonymous, engaging, and insightful platform. It empowers employees to share their thoughts and feelings freely, while equipping managers with actionable, aggregated data to foster a more responsive and psychologically safe workplace. For Employees: -True Anonymity: Submit "Bubbles" (feedback entries) using a unique team code, with identity never stored or revealed. -Engaging UI/UX: Experience a gamified and visually appealing process where typed text transforms into animating "CSS bubbles" that "fly" into a collective stream. -Enhanced Engagement: -"Spark" & "Perspectives*": Agree with a peer's bubble and anonymously add short "Perspectives," allowing individual thoughts to grow into rich, multi-faceted collective insights. -Multi-Language Audio: Listen to bubbles in various languages (powered by Eleven Labs), enhancing accessibility. For Managers & Admins: -The Bubblin' Monitor" Dashboard*: Access clear, aggregated data on overall sentiment, top topics, and trends, strictly adhering to a company-defined "Anonymity Threshold (N)."

How we built it

Bubblin' is built as a modern, full-stack web application, prioritizing security, scalability, and an engaging user experience: -Frontend: Developed using React, providing a dynamic and responsive user interface. Custom SCSS is used for unique visual effects like the bubble animations, alongside modern CSS practices. -Backend & Database: Powered by Supabase, leveraging: -PostgreSQL Database: For all application data storage (users, bubbles, topics, etc.). -Supabase Auth: For secure user registration and login. -Row Level Security (RLS): Crucial for ensuring managers only access data within their authorized scope. -Supabase Edge Functions (Deno): Serve as secure backend API endpoints, handling core business logic, orchestrating external API calls, and acting as webhook endpoints for the AI's custom tools. -Key AI & Voice Integrations: -Eleven Labs: Used extensively for high-quality Text-to-Speech (TTS) for multi-language bubble audio, overall vibe summaries, and Blip's spoken responses. Their Conversational AI Platform orchestrates the LLM interaction for Blip. -Speech-to-Text (STT) Service: Integrated (e.g., via Eleven Labs' SDK or other providers) to convert user voice input into text for Blip's understanding.

Challenges we ran into

Building Bubblin' presented several key challenges: -Ensuring True Anonymity: Designing and implementing a system where employees feel genuinely anonymous, and managers can only see aggregated data, required meticulous planning of database schema, Row Level Security, and strict data processing within Edge Functions to enforce the Anonymity Threshold (N). -Real-time Data Processing & Aggregation: Efficiently processing and aggregating large volumes of anonymous, real-time feedback for dashboard insights while maintaining performance was complex. -Secure AI Integration: Connecting external LLMs and TTS services with private user data securely, without exposing API keys, necessitated the robust architecture of Supabase Edge Functions as secure intermediaries and webhook handlers. -Designing Engaging Animations: Creating the "flying bubble" and dynamic "Bubble Flow" animations in CSS/React to be smooth, performant, and visually delightful across various devices was an iterative design and development process.

Accomplishments that we're proud of

We are particularly proud of: -The Visual & Auditory Feedback Loop: Creating a truly immersive and engaging feedback experience for employees through animated bubble creation, the dynamic "Bubble Flow," and multi-language audio playback. This goes beyond traditional text-only feedback. -"Growing Bubbles" with Perspectives: The innovative "Spark" and "Perspective" feature, which provides deep qualitative insight by allowing collective agreement and nuanced context to build around a single idea. -Robust Anonymity Enforcement: The meticulous implementation of the configurable Anonymity Threshold (N) at every layer of data processing, ensuring privacy is maintained without compromise. -Seamless Integration of Modern Tech Stack: Successfully combining React, Supabase, and Eleven Labs to create a powerful, full-stack solution that is both secure and highly functional

What we learned

Throughout the development of Bubblin', we learned invaluable lessons: -The paramount importance of security and privacy in sensitive applications, especially when dealing with anonymous data. Trust is the foundation. -The power of serverless functions (Edge Functions) as secure intermediaries for external API integrations and complex backend logic. -The significant impact of subtle UI/UX elements and animations on user engagement and delight. -The complexities and rewards of building applications from the ground up

What's next for Bubblin

The future of Bubblin' is exciting! Our plans include: -Mobile Applications: Developing native iOS and Android apps to provide an even more seamless and accessible experience for employees and managers on the go. -Deeper AI Insights: conversational ai capabilities with more advanced analytical tools, predictive insights, and proactive suggestions for managers. -Gamification & Rewards: Introducing further gamified elements to encourage consistent feedback and positive engagement within teams. -Integrations: Exploring integrations with popular HRIS or communication platforms (e.g., Slack, Microsoft Teams) for easier access and notifications. -Customizable Reporting: Providing more flexible and customizable reporting options for managers to slice and dice their data. -Enhanced Team Management: Tools for managers to better organize and filter feedback across larger teams or departments.

Built With

• bolt.new
• gemini
• netlify
• supabase