FlowState

never break your flow.

Comment

Inspiration

The internet was made for people to access more information, and communicate at speeds never though possible. It was not made to be accommodating. FlowState allows users to move faster and be better equipped while traversing the internet.

What it does

FlowState is a browser extension that analyzes user behaviour on websites to adapt and modify content for better understanding. FlowState provides AI summarization on the user's current site, with optimized readability fonts implemented alongside AI-generated content.

How we built it

The .tech UI was built with HTML, CSS, and JavaScript for smooth transitions and fluid media.

Web interactions were tracked in order to determine if a user needed assistance navigating a given website. If it is determined that the user is stuck, a popup asks the user if they need assistance. The browser extension summarizes the web page in a way that makes it easier for the user to follow. TypeScript with React framework along with OpenRouter to access Gemini API.

Challenges we ran into

  • Determining if the user actually needed assistance and making use of user behaviour data.
  • Engineering the adaptive improvements
  • Functionality for different types of web layouts.

Accomplishments that we're proud of

  • Implemented self-adaptive system based on individual user metrics
  • Orchestrated AI agent system in order to achieve the best outputs

What we learned

  • Chaining multiple agents in order to produce a single output
  • Tracking, storage, and analytics of user metrics
  • Optimizing for a better user experience

What's next for FlowState

  • Functionality for wider range of web sources

Built With

Share this project:

Updates