# Momentum Tracker Skill

A powerful productivity tool that helps you build and maintain daily momentum through tracking wins, leads, and streaks.

## Overview

The Momentum Tracker is a self-contained productivity application designed to help users build daily momentum by tracking their wins, leads, and maintaining streaks. Built with a mobile-first approach, it's optimized for users on the go, including those using Termux on mobile devices.

## Features

- **Streak Tracking**: Visualize your commitment with a flame counter that celebrates consecutive days of progress
- **Win Logging**: Record daily accomplishments, no matter how small
- **Lead Management**: Track potential opportunities with status updates
- **Motivation Center**: Get inspired with random quotes and practical applications
- **Social Sharing**: Share your progress across platforms (Twitter, Facebook, LinkedIn)
- **Data Export**: Export your data as JSON or PDF for backup and analysis
- **Progressive Web App**: Installable on devices for app-like experience
- **Offline Functionality**: Works completely offline with local data storage

## Technical Implementation

### Core Technologies
- Vanilla JavaScript (no frameworks)
- Tailwind CSS (via CDN)
- Font Awesome (via CDN)
- localStorage for data persistence
- Single HTML file deployment

### Key Components
1. **Dashboard View**: Overview of daily stats and momentum score
2. **Wins Tracker**: Log and view daily accomplishments
3. **Leads Manager**: Track potential opportunities with CRUD operations
4. **Motivation Section**: Inspirational quotes with practical applications
5. **Export Functionality**: Data export in multiple formats
6. **Social Sharing**: One-click sharing to major platforms

### Design Principles
- Mobile-first responsive design
- Dark theme with emerald accent color
- Smooth animations and transitions
- Touch-friendly interface
- Minimal dependencies
- Zero build step required

## Usage Instructions

1. **Initial Setup**: Simply open the HTML file in any modern browser
2. **Daily Tracking**: Log wins and leads using the intuitive interface
3. **Streak Building**: Click the flame icon to increment your streak
4. **Data Management**: Edit or delete entries as needed
5. **Export Data**: Save your progress using JSON or PDF export
6. **Share Progress**: Brag about your momentum on social platforms

## Deployment

### Netlify Drag-and-Drop
1. Zip the project folder
2. Go to Netlify.com
3. Drag and drop the zip file to deploy
4. Site is live with custom domain options

### File Structure
```
momentum-website/
├── index.html          # Main application
├── manifest.json       # PWA configuration
├── favicon.svg         # Site icon
├── _redirects          # Netlify routing
├── netlify.toml        # Deployment config
└── docs/               # Documentation
    ├── original.html   # Starting template
    ├── original-prompt.txt
    ├── development-summary.txt
    └── momentum-skill.md
```

## Customization

The application can be easily customized by modifying:
- Color scheme in the CSS variables
- Motivational quotes in the JavaScript array
- Export templates for PDF generation
- Social sharing messages

## Use Cases

- **Digital Nomads**: Track progress while traveling
- **Freelancers**: Manage leads and celebrate wins
- **Students**: Build study habits and track accomplishments
- **Professionals**: Maintain career momentum
- **Entrepreneurs**: Log business development activities

## Benefits

- **Zero Setup**: Works immediately without accounts or installations
- **Privacy Focused**: All data stored locally in user's browser
- **Cross-Platform**: Works on desktop, mobile, and tablet
- **Offline Capability**: No internet required after initial load
- **Lightweight**: Fast loading with minimal dependencies
- **Self-Contained**: Single file contains all functionality

This skill demonstrates how powerful, privacy-focused applications can be built with simple web technologies while providing rich functionality for productivity and habit building.