Inspiration
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
StillMind – Focus & Productivity Monitor StillMind is a web application that helps students improve focus during study sessions using real-time facial analysis. The system tracks visual cues such as eye openness, head stability, and face direction to estimate a focus score, detect fatigue, and recommend breaks. Study sessions are saved and displayed in a dashboard with productivity statistics and focus trends.
Features • Real-time facial tracking using MediaPipe FaceMesh • Focus score estimation (0–100%) • Look-away detection that reduces focus score • Fatigue detection and break recommendations • Session tracking and history • Dashboard analytics with focus trend charts • Secure login and registration system
Tech Stack Frontend
HTML CSS JavaScript Chart.js MediaPipe FaceMesh
Backend
Node.js Express.js express-session bcryptjs
Storage
Local JSON files (users.json, sessions.json)
Project Structure StillMind/ │ ├── server.js ├── package.json │ ├── data/ │ ├── users.json │ └── sessions.json │ ├── public/ │ ├── index.html │ ├── login.html │ ├── register.html │ ├── dashboard.html │ ├── styles.css │ ├── script.js │ └── dashboard.js
Installation
Install Node.js Check installation: node -v npm -v
Install Dependencies npm install express express-session bcryptjs
Create Data Files Inside the data folder create: users.json []
sessions.json []
Running the Application Start the server: node server.js
Open your browser: http://localhost:3000/register.html
How to Use
Register a new user Login to your account Start the camera on the monitor page Study while StillMind tracks focus Stop the session to save results View productivity insights in the dashboard
The dashboard displays: • Productivity level • Average focus score • Average focus time • Focus trend chart • Session history
Disclaimer StillMind is a hackathon prototype designed to support productivity and study habits. It does not provide medical or psychological diagnosis.
Author Developed by Brotherhood
What's next for StillMind
Built With
- chart.js
- css
- express-session
- express.js
- html
- javascript
- mediapipe
- node.js
Log in or sign up for Devpost to join the conversation.