Hexa-Programmer Presents

HEXAFOCUS

HexaFocus is a minimal focus timer and session tracker built using HTML, CSS, and JavaScript.
It runs entirely in the browser with no backend and uses localStorage for persistence.

Live Demo View Source
LESS NOISE MORE WORK
HexaFocus Application Interface displaying a focus session

Features

01

Focus Sessions

Create and start focused work sessions with custom, meaningful titles.

02

Live Stopwatch

Track your active focus time seamlessly with a real-time, precision timer.

03

Goal Tracking

Optionally set a clear goal and mark whether it was achieved during the session.

04

Session History

View your previous sessions along with their duration, descriptions, and results.

05

Persistent Storage

Sessions are automatically and securely saved locally using browser localStorage.

How it works

HexaFocus relies on a browser-only architecture. Each session is structured as a standalone state object:

{
    id: Date.now(),
    title: "Session title",
    desc: "Optional description",
    goal: "Optional goal",
    durationSec: 0,
    status: "ended",
    goalAchieved: true
}

To maintain session history without a database, everything is stringified and saved using:

localStorage

This guarantees rapid load times and complete data privacy.

Tech Stack

HTML5 CSS3 JavaScript localStorage No Backend

Installation

To run HexaFocus locally:

git clone https://github.com/Hexa-Programmer/HexaFocus.git
cd HexaFocus
open index.html

Note

This is a personal learning project and will continue to evolve over time.