Dokio - Personal Productivity Dashboard

What is Dokio?

Dokio is a sophisticated Chrome extension that transforms your new tab into a comprehensive personal productivity and wellness dashboard. Built for individuals seeking to break free from addictive behaviors, build consistent habits, and track their personal development journey—all seamlessly integrated into their daily browsing experience.

The core philosophy: "What you measure, you can improve." By integrating tracking directly into your new tab, Dokio encourages consistent self-reflection and continuous improvement without additional friction.

Why I Built It

I recognized that most productivity tools exist in isolation—separate apps, websites, or platforms that require deliberate effort to access. This creates friction that kills consistency.

By transforming the new tab (something you see dozens of times daily) into a personal development hub, Dokio removes that friction entirely. Every browser session becomes an opportunity for growth, reflection, and progress tracking.

The system adapts to your specific challenges and goals, providing personalized insights and motivation tailored to your unique journey.

Stack Overview

React 18 + TypeScript — Modern, type-safe UI development with latest React features
Tailwind CSS — Utility-first styling with custom animations and iOS-inspired design
Chrome Extensions API — Native browser integration with persistent local storage
Radix UI — Accessible, unstyled component primitives for robust UI foundation
Lucide React — Beautiful, consistent icon system
Webpack — Module bundling optimized specifically for Chrome extensions

Everything runs client-side with Chrome's storage API, ensuring your personal data stays private and secure on your device.

Core Features

🏠 Personalized Home Dashboard

Real-time Clock with elegant animations and date display
Dynamic Addiction Recovery System supporting multiple addiction types (snus, tobacco, alcohol, gambling, or custom)
Financial Impact Visualization with real-time cost calculations and savings tracking
Multi-currency Support (NOK, USD, EUR, SEK) for accurate regional tracking
Quick Access Hub with customizable shortcuts to essential tools

💪 Productivity Suite

Smart Habit Tracker with customizable daily habits and streak tracking
Pomodoro Focus Timer with 25-minute sessions and break management
Weekly Analytics featuring heatmap visualization of productivity patterns
Achievement System with gamified progress tracking and unlockable rewards

🧠 Personal Wellness

Advanced Mood Tracking using Apple Health-inspired 0-6 mood scale
Emotional Intelligence Tools with detailed feeling and context tagging
Weekly Reflection System with comprehensive mood analysis and historical insights
Journey Heatmap displaying GitHub-style contribution graphs for life activities
Mission System for goal setting with visual progress tracking

🎯 Intelligent Personalization

Smart Onboarding Flow that adapts the dashboard to your specific needs
Psychological Behavior Modification using evidence-based techniques
Personalized Motivation System with custom messages for challenging moments
Financial Goal Integration connecting recovery to investment milestones

Technical Innovation

Data Architecture

Unified Storage System using Chrome Storage API with localStorage fallback
Type-safe Configuration with strongly typed user preferences
Cross-component Data Sharing with consistent data structure
Automatic Daily Resets handling day transitions intelligently

Performance Optimization

Lazy Loading for efficient component rendering
Optimized Asset Management with Webpack bundling
Responsive Design working seamlessly across all screen sizes
Accessibility-first with ARIA-compliant components and keyboard navigation

Use Cases

Addiction Recovery — Evidence-based tracking for breaking harmful habits
Productivity Enhancement — Pomodoro sessions and habit consistency
Emotional Awareness — Daily mood tracking and pattern recognition
Financial Consciousness — Understanding the real cost of behaviors
Personal Development — Comprehensive self-improvement dashboard
Workplace Focus — Integrated productivity tools for remote workers

Unique Value Proposition

Unlike standalone productivity apps, Dokio integrates seamlessly into your existing workflow:

Zero Friction Access — No separate apps to remember or launch
Consistent Visibility — Every new tab reinforces your goals
Private by Design — All data stays local on your device
Adaptive Experience — Personalizes based on your specific challenges
Evidence-based Methods — Incorporates psychological behavior modification techniques

Status

✅ Live Demo — Available at demo.dokio.dev
🏗️ Active Development — Continuously improving based on user feedback
🎯 Chrome Web Store — Preparing for public release
🔓 Open Source — Available on GitHub for community contributions

Technical Challenges Solved

Chrome Extension Architecture — Complex state management across extension lifecycle
Data Persistence — Reliable storage with Chrome's API limitations
Performance at Scale — Efficient rendering with large datasets
Psychological UX Design — Balancing motivation with gentle accountability
Financial Calculations — Accurate multi-currency cost tracking
Cross-browser Compatibility — Ensuring consistent experience

Development Philosophy

This extension embodies the principle that personal development tools should be:

Invisible until needed — Integrated into existing habits
Psychologically informed — Based on behavioral science
Completely private — Your data belongs to you
Genuinely helpful — Focused on outcomes, not engagement metrics

Future Roadmap

Advanced Analytics — Deeper insights and pattern recognition
Team Features — Accountability partners and shared goals
Integration APIs — Connect with popular productivity tools
Mobile Companion — Extend tracking to mobile devices
Export Capabilities — Data portability and backup options

This project represents the intersection of modern web technology and evidence-based personal development, creating a tool that genuinely improves daily life through seamless integration and thoughtful design.