Huble

Full Stack
Web Dev
Desktop App
Huble

Tech Stack

Next.js
React
Nest.js
Typescript
Electron
Tailwind CSS
PostgreSQL

Description

Huble Tracker is a productivity-focused platform designed to help distributed teams and freelancers track time, manage projects, and evaluate productivity through real-time analytics. As a full-stack developer, I led development on both the web dashboard and the desktop time tracking app.

The system was architected with a modern tech stack including Next.js, React, and Tailwind CSS for the frontend, and Nest.js with PostgreSQL for backend services. I also built a cross-platform desktop tracker using Electron, ensuring seamless integration with the main platform.

The application empowers teams with data-driven insights, enabling better project planning, accurate client billing, and operational efficiency across remote and hybrid work setups.

  • Built a cross-platform desktop application with Electron for time tracking, app usage analysis, and real-time activity scoring.
  • Developed an advanced web dashboard for tracking timesheets, project hours, and productivity metrics using Next.js and Tailwind CSS.
  • Implemented a scalable client and project management module with flexible billing configurations.
  • Engineered precise activity logging with contextual tracking across different apps and work sessions.
  • Created a performance dashboard displaying revenue, subscription growth, and real-time visitor data.
  • Designed team and member management features with customizable working hours and tracking preferences.
  • Integrated privacy-aware screenshot features with options for blurring, frequency control, and alert settings.

Page Info

Time Tracking Dashboard

A detailed timesheet interface that visualizes productivity metrics, tracked time entries, and project breakdowns with activity graphs and summary stats.

/projects/huble-tracker/huble-1.png

Application Usage Analytics

Insights into application-level usage with precise duration tracking and project tagging to help teams understand time allocation patterns.

/projects/huble-tracker/huble-2.png

Client Management

A dedicated space for managing clients and projects with support for multiple billing models, budgets, and client profiles.

/projects/huble-tracker/huble-3.png

User Settings

User-level configuration panel for adjusting tracking preferences, screenshot behavior, notifications, and work hour settings.

/projects/huble-tracker/huble-4.png

Desktop Time Tracker

Cross-platform desktop app with a clean start/stop interface that allows users to select tasks and track time in real-time.

/projects/huble-tracker/huble-5.png

Performance Dashboard

Executive overview dashboard with live metrics covering revenue, subscriptions, visitor traffic, and sales performance.

/projects/huble-tracker/huble-cover.png