Blabber - AI-Powered Meeting Summaries & Reports

A hackathon project with my teammates, Syed Hisham Akmal, Prateek Rajput, and K Ramachandra Shenoy at ScrollHacks (September 2024)!

What is Blabber?

Blabber helps you generate custom meeting recaps, reports, and transcripts for your meetings using AI.

Showcase Video!

The Homepage

How can I use it?

Blabber is currently not deployed on the web as we are building support for more virtual meeting platforms post the hackathon. You can check out the source code on GitHub.

Why Build Blabber?

How does it work?

  1. Users can install the blabber chrome extension (to work with Google Meet) on their browser.

  2. Users will then be prompted to sign in on the Blabber extension and the Blabber platform with their Google account.

  3. After joining a Google Meet, users are notified not to turn off their meeting captions and that Blabber is enabled.

  4. The chrome extension listens to the meeting and sends the transcript to the Blabber platform when the meeting ends. Your data is not shared with anyone.

  5. After the meeting is over, users can view previous meetings and their details on the Blabber platform and can generate and share reports.

  6. The Blabber platform processes the transcript and generates a report which can be downloaded or shared with other stakeholders.

  7. Blabber also provides an option for users to receive a general report of a meeting right after it's over, directly in their email inbox. This option can be toggled on the Blabber dashboard.

The Blabber Dashboard

Generate Reports!

What does Blabber offer?

Blabber's AI-enabled meeting summarisation and report generation platform offers:

The Blabber Extension + Screenshot Button

What makes Blabber different?

How was it built?

Blabber was using ReactJS, TailwindCSS, and Chrome APIs for the frontend, NodeJS for the application backend + central server, along with Flask for the AI backend server.

All three components interact as given in the tech architecture diagram. The current architecture with the Chrome extension works as follows:

The Blabber chrome extension listens to the meeting by scraping captions generated by Google Meet using Transcriptonic and sends the transcript to the NodeJS backend server when the meeting ends.

The NodeJS server then processes the transcript on demand (when requested by the user from the frontend web-app) by sending the transcript data to our Flask server, which is designed to handle the machine learning and AI report generation tasks required. The Flask server then generates the report which is passed on to the NodeJS server and further sent to the user on the frontend platform to be downloaded.

The NodeJS backend server is also responsible for sending emails with reports, both on-demand and automatically depending on the user's preferences.

The Tech Architecture Diagram 👷

How can it be better?

Currently, the AI is built using advanced Natural Language Processing and Neural Networks. We plan on integrating Generative AI to make report generation way better. The potential is endless!

We are already working on adding support for other virtual meeting platforms like Microsoft Teams, Zoom, and others. This can make Blabber more useful to more people and more versatile 😄

POV: Joining a meeting with Blabber enabled 😄

How was my experience?

Managing university classes and other commitments while working on Blabber was a challenge, but it was a rewarding experience. I learned a lot about working with a team, managing time, and building a product from scratch.

I also learned a lot about AI and how it can be used to solve real-world problems. I am excited to see where Blabber goes from here and how it can help people in their day-to-day lives 😊

The Team 😎