FocusFlow

• 

  Home Page

Inspiration

The inspiration for FocusFlow came from my personal struggle with maintaining focus in a world full of distractions. As a software developer and chronic procrastinator, I found it increasingly challenging to concentrate on important projects. This difficulty, combined with my love for gardening, sparked the idea for an app that would help users cultivate focus and productivity in an engaging, nature-inspired way.

What it does

FocusFlow is a web app that helps users improve their concentration by growing a virtual tree as they focus. The app tracks focus time, allowing users to earn points and compete on a global leaderboard. It gamifies the process of staying focused, making it more enjoyable and rewarding. Users can watch their tree grow as they make progress, providing a visual representation of their productivity.

How we built it

We built FocusFlow using a combination of modern web technologies:

• The frontend was developed using React, providing a responsive and interactive user interface. We used CSS for styling, focusing on a minimalist design that wouldn't distract users from their tasks.
• The backend was powered by Flask, which handled user authentication, focus time tracking, and leaderboard management.
• We used SQLite as our database to store user data, tree growth progress, and leaderboard information.
• Ollama local LLM API integrated, to allow on device URL processing to filter out and block links deemed distracting, maximizing privacy even for enterprise users.
• Powered by Qwen 2.5 7B.

Challenges we ran into

Developing FocusFlow presented several challenges:

• Balancing engagement and distraction: We needed to create features that motivated users without pulling them away from their actual work.
• Preventing cheating: Implementing a robust system to prevent users from gaming the focus tracking mechanism required creative problem-solving.

What we learned

Through building FocusFlow, we gained valuable insights into:

• The psychology of productivity and motivation
• The intricacies of full-stack development, particularly in creating real-time, interactive web applications
• The importance of user feedback in the iterative design process
• Project management and setting realistic milestones

What's next for FocusFlow

We have exciting plans to expand FocusFlow's capabilities:

• Implementing collaborative forests where teams can grow trees together, fostering group productivity
• Integrating with popular productivity tools to provide a more comprehensive productivity ecosystem
• Developing AI-powered personalized focus recommendations based on user patterns and preferences
• Creating a mobile app version to allow users to track their focus and grow their trees on-the-go
• Expanding the gamification elements with achievements, badges, and more diverse tree types to maintain long-term user engagement

Built With

• css
• flask
• html5
• react
• sqlite