Focus Flow Homepage

🚀 Focus Flow: AI That Keeps You in Flow

🌟 Inspiration

In an age of endless tabs, notifications, and to-do lists, staying focused is harder than ever. We wanted to create something that doesn’t just remind you to focus — but helps you focus. Our vision was to build an AI-enhanced productivity tool that blends mindfulness with utility, and works right in your browser.

Whether you're a writer searching for clarity, a designer seeking flow, or an educator managing chaos, Focus Flow was built for you.

🤖 What it Does

Focus Flow is both a web-based productivity assistant. It helps users:

Transform their writing with tone-shifting AI
Summarize long web pages or articles
Generate creative content ideas
Rewrite or expand thoughts in poetic, formal, or simple tones
Keeps your data secure by avoiding external APIs or network requests

The assistant communicates via chat, integrates Gemini for intelligent replies, and offers real-time enhancements.

🛠️ How We Built It

Frontend:

Built with React + TypeScript using Vite for fast bundling

Backend:

Gemini API (Google's Generative AI) for all language processing

🚧 Challenges We Ran Into

AI Prompt Precision: Ensuring Gemini consistently followed prompt tone, length, and context was tricky.
Latency: Ensuring AI responses felt snappy while handling real-time transformation logic.

🏆 Accomplishments We're Proud Of

Seamless tone transformation with real creative results
Visually polished UI with user-centric interaction flow
Users wrote poems, summarized meetings, and crafted posts directly from web pages

📚 What We Learned

Prompt engineering is a real art — changing just a few words can drastically improve output.
React Context and modular hooks help scale cleanly across environments (tool ↔ plugin).
Users value small wins — a single transformed paragraph can spark a wave of creativity.