Aparna PP – Saintgits College of Engineering
Maurin Mathews – Saintgits College of Engineering
##Hosted Project Link
🔗 https://github.com/aparnapp21-arch/focusflow.git
##Project Description
FocusFlow is a real-time focus and productivity tracker that helps you stay intentional during work or study sessions. You choose a session duration—like 30 or 60 minutes—and FocusFlow actively tracks distractions as they happen. At the end of each session, it generates a Focus Score along with insights to help you improve your attention habits over time.
🧩Problem Statement
We live in a hyper-connected world ruled by constant notifications, social media feeds, and digital overload. Research shows the average human attention span has dropped below that of a goldfish.
This leads to:
-
Frequent task-switching
-
Reduced efficiency
-
Mental fatigue
-
Inability to perform deep, meaningful work
FocusFlow addresses this critical challenge by helping users understand and improve their focus, one session at a time.
💡 The Solution
-FocusFlow works like a personal trainer for your attention.
-It helps you build consistent focus habits through:
-Real-time distraction tracking
-Insightful feedback
-Visual progress charts
-Session-by-session comparison
A clean and minimal interface designed to reduce cognitive load
The goal is continuous improvement in attention and productivity.
⚙️ Technologies / Components Used Software
Languages:
-
HTML5
-
CSS3
-
JavaScript
Tools:
VS Code
Git & GitHub
Browser Developer Tools
No hardware components are required for this project.
⭐ Features
🎯 Set your desired focus session duration (e.g., 30 or 60 minutes)
👀 Tracks real-time distractions
📊 Generates a Focus Score at the end of each session
🔄 Compares new sessions with previous ones
📈 Visual graphs to track progress
📱 Accessible across all devices
💡 Provides insights to help you improve the next session
🚀 Implementation Installation git clone https://github.com/aparnapp21-arch/focusflow.git cd focusflow
Run
Simply open the index.html file in your browser. (No backend required)
🖼️ Project Documentation Screenshots
Diagrams System Architecture
A possible architecture:
User interacts with UI (HTML/CSS)
JavaScript handles logic (timers, scoring, distraction tracking)
Session data stored in LocalStorage
Charts rendered using JS Canvas
📹 Project Demo Demo Video
https://drive.google.com/file/d/1kzhr6SuT-qMXS1WRR-_M15z7lbV7O73z/view?usp=drivesdk
🤖 AI Tools Used (Optional Section)
ChatGPT – For assistance in debugging, designing algorithms for session comparison, and improving documentation.
👥 Team Contributions
Aparna PP: UI development, session tracking logic, documentation
Marvin Mathews: Focus score system, data comparison logic, performance optimization
📜 License
This project is licensed under the MIT License. Feel free to modify and build upon it.
Made with ❤️ by Team SoulCelestria at Saintgits College of Engineering.