feat: Refactor Task Manager: Remove habit management feature

README.md

@@ -1,18 +1,16 @@
 # Task Manager Pro 📋
 
-A comprehensive Progressive Web App (PWA) for managing tasks, projects, habits, and finances with gamification features.
+A comprehensive Progressive Web App (PWA) for managing tasks, projects, and finances.
 
 ## 📖 Project Description
 
-Task Manager Pro is a powerful, all-in-one productivity application that combines task management, project organization, habit tracking, and personal finance management into a single, intuitive interface. Built as a Progressive Web App, it works seamlessly across all devices and can be installed on your phone or computer for offline access.
-
-The app features a gamification system with points, levels, and daily streaks to keep you motivated, along with a customizable rewards shop where you can redeem your earned points.
+Task Manager Pro is a powerful, all-in-one productivity application that combines task management, project organization, and personal finance management into a single, intuitive interface. Built as a Progressive Web App, it works seamlessly across all devices and can be installed on your phone or computer for offline access.
 
 ## ✨ Current Features
 
 ### 🎯 Task Management
 - Create, edit, and delete tasks with detailed information
-- Set due dates, priorities (low, medium, high), and point values
+- Set due dates and repeat schedules
 - Categorize tasks with custom categories
 - Filter and search tasks by category, status, or keywords
 - **Recurring Tasks** with multiple options:
@@ -31,15 +29,6 @@ The app features a gamification system with points, levels, and daily streaks to
 - Organize tasks within projects
 - Monitor active projects on dashboard
 
-### ⭐ Habit Tracking
-- Create daily habits with custom icons (emoji picker)
-- Set target completion goals per day
-- Track habit streaks
-- View habit history and completion patterns
-- Quick habit logging from dashboard
-- Filter habits by custom categories
-- Monitor incomplete habits for the day
-
 ### 💰 Finance Management
 - Track three types of financial records:
   - **Expenses**: Daily spending and costs
@@ -50,21 +39,8 @@ The app features a gamification system with points, levels, and daily streaks to
 - View financial summaries and totals
 - Add descriptions and amounts for each entry
 
-### 🎮 Gamification System
-- Earn points by completing tasks and habits
-- Level up based on accumulated points
-- Maintain daily streaks for consecutive days
-- Visual progress tracking in header
-
-### 🛒 Rewards Shop
-- Create custom rewards with point costs
-- Redeem rewards using earned points
-- Manage and edit available rewards
-- Track when rewards are purchased
-
 ### 🏠 Dashboard
-- Today's overview with task and habit summaries
-- Quick access to incomplete habits
+- Today's overview with task summaries
 - Recent activity feed
 - Active projects summary
 - Real-time statistics display
@@ -206,17 +182,12 @@ npm run test:e2e:ui        # Run E2E tests with the Playwright UI
    - Click "+ Add Task"
    - Fill in the details and save
 
-3. **Set Up Daily Habits**
-   - Navigate to the Habits tab
-   - Create habits you want to track daily
-   - Complete them to earn points and build streaks
-
-4. **Track Your Finances**
+3. **Track Your Finances**
    - Use the Finances tab to log expenses and revenue
    - Set up recurring charges for bills
    - Filter by date range to see spending patterns
 
-5. **Organize with Projects**
+4. **Organize with Projects**
    - Create projects to group related tasks
    - Assign tasks to projects for better organization
    - Monitor progress from the dashboard

css/styles.css

@@ -64,27 +64,6 @@ html, body {
     font-weight: 700;
 }
 
-.header-stats {
-    display: flex;
-    gap: 2rem;
-}
-
-.stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.stat-label {
-    font-size: 0.875rem;
-    opacity: 0.8;
-}
-
-.stat-value {
-    font-size: 1.5rem;
-    font-weight: 700;
-}
-
 /* Date Navigator */
 .date-navigator {
     background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
@@ -709,117 +688,6 @@ html, body {
     color: var(--primary-color);
 }
 
-/* ========================
-   Habits
-   ======================== */
-.habits-container {
-    max-width: 900px;
-    margin: 0 auto;
-}
-
-.habits-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1.5rem;
-}
-
-.habits-header h2 {
-    font-size: 1.875rem;
-}
-
-.habits-list {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-    gap: 1.5rem;
-}
-
-.habit-card {
-    background: white;
-    border: 1px solid var(--border-color);
-    border-radius: 0.5rem;
-    padding: 1.5rem;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.habit-card:hover {
-    transform: translateY(-4px);
-    box-shadow: var(--shadow-lg);
-}
-
-.habit-icon {
-    font-size: 2.5rem;
-    margin-bottom: 0.5rem;
-}
-
-.habit-name {
-    font-size: 1.125rem;
-    font-weight: 600;
-    margin-bottom: 0.5rem;
-}
-
-.habit-description {
-    font-size: 0.875rem;
-    color: var(--text-light);
-    margin-bottom: 1rem;
-}
-
-.habit-stats {
-    display: flex;
-    justify-content: space-between;
-    padding: 1rem;
-    background: var(--light-bg);
-    border-radius: 0.375rem;
-    margin-bottom: 1rem;
-    font-size: 0.875rem;
-}
-
-.habit-stat {
-    text-align: center;
-}
-
-.habit-stat-label {
-    color: var(--text-light);
-    font-size: 0.75rem;
-}
-
-.habit-stat-value {
-    font-weight: 700;
-    color: var(--primary-color);
-}
-
-.habit-checkbox {
-    width: 100%;
-    padding: 0.5rem;
-    background: var(--light-bg);
-    border: 2px solid var(--primary-color);
-    border-radius: 0.375rem;
-    color: var(--primary-color);
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.habit-checkbox:hover:not(:disabled) {
-    background: var(--primary-color);
-    color: white;
-}
-
-.habit-checkbox.completed {
-    background: var(--secondary-color);
-    border-color: var(--secondary-color);
-    color: white;
-}
-
-.habit-checkbox:disabled {
-    background: var(--light-bg);
-    border-color: #d1d5db;
-    color: #9ca3af;
-    cursor: not-allowed;
-    opacity: 0.6;
-}
-
 /* Days of Week Selector */
 .days-selector {
     display: grid;
@@ -1221,66 +1089,6 @@ html, body {
     margin-top: 1.5rem;
 }
 
-/* Emoji Selector */
-.emoji-selector {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-}
-
-.emoji-display {
-    font-size: 2rem;
-    width: 60px;
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--light-bg);
-    border: 2px solid var(--border-color);
-    border-radius: 0.5rem;
-    padding: 0.5rem;
-}
-
-#habitEmojiBtn {
-    flex: 1;
-}
-
-/* Emoji Picker Modal */
-.emoji-picker-modal {
-    max-width: 500px;
-    max-height: 600px;
-    display: flex;
-    flex-direction: column;
-}
-
-.emoji-grid {
-    display: grid;
-    grid-template-columns: repeat(6, 1fr);
-    gap: 0.75rem;
-    padding: 1rem;
-    overflow-y: auto;
-    flex: 1;
-}
-
-.emoji-btn {
-    padding: 1rem;
-    font-size: 2.5rem;
-    border: 1px solid var(--border-color);
-    background: var(--light-bg);
-    border-radius: 0.375rem;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.emoji-btn:hover {
-    background: var(--primary-color);
-    border-color: var(--primary-color);
-    transform: scale(1.1);
-}
-
 /* ========================
    Modals
    ======================== */
@@ -1487,11 +1295,6 @@ html, body {
         gap: 1rem;
     }
 
-    .header-stats {
-        width: 100%;
-        justify-content: space-around;
-    }
-
     .hamburger-menu {
         display: flex;
     }