MW/ DEV

Soli Deo Gloria

Productivity tool

Fresonant

A focused workspace for Pomodoro sessions, tasks, goals, reading tools, session history, and lightweight cloud sync.

Visit site

Evidence

Fresonant timer workspace with tools and tasks panels open.
Main workspace with the Pomodoro timer, task panel, tools launcher, and session state.
Fresonant goals panel showing tracked goals and activity status.
Goal tracking for tagging sessions against longer-running work areas.
Fresonant lifetime stats panel with session counts, minutes worked, and history.
Stats and session history for completed sessions, minutes worked, and tagged focus history.

What I built

Focus sessions with project context

I built Fresonant as a browser-based focus workspace that connects a Pomodoro timer to daily and extended tasks, goal tags, lifetime stats, session history, Spotify embeds, and a paper-reading workspace.

Implementation

Client-first app with opt-in sync

The app is written in vanilla HTML, CSS, and JavaScript with modular scripts for timer state, tasks, goals, papers, stats, and sync. Most data persists locally, with optional Firebase Realtime Database sync through shareable sync IDs rather than traditional account login.

Stack

Static frontend, Firebase deploy

  • Frontend: Vanilla HTML, CSS, and JavaScript; no build step.
  • Data: localStorage for local state, Firebase Realtime Database for optional cross-device sync.
  • Integrations: Spotify embeds, Chart.js, Crossref paper metadata lookup, service worker notifications.
  • Hosting: Firebase Hosting with GitHub Actions deployment from main.
  • Repo: Private GitHub repository.
  • Usage: Personal productivity tool; no public usage metric claimed.