Commit History

  1. Don't Show 'ফিরে আসার উপায়' in homepage until I open it from threeline menu - Follow Up Deployment

    Verified signature
    f5232dc
  2. When I click on 'ইতিহাস' in the hamburger menu, show my reset history & time duration. - Follow Up Deployment

    Verified signature
    b7dd4c3
  3. When I click on 'র‌্যাংকিং সিস্টেম' in the hamburger menu, show this in a new page- 🟢 (Novice) – 🕐 ১ থেকে ৩ দিন যারা গুনাহ থেকে নিজেকে বাঁচাতে সদ্য চেষ্টা শুরু করেছে। 🟠 (Courageous) – 🕐 ৩ থেকে ৮ দিন যারা গুনাহ থেকে দূরে থাকতে সাহসিকতার পরিচয় দিচ্ছে। 🟡 (Alert) – 🕐 ৮ থেকে ১৫ দিন যারা গুনাহ থেকে বাঁচতে সর্বদা সতর্ক থাকছে। 🔵 (Purified) – 🕐 ১৫ থেকে ২৫ দিন যারা গুনাহ থেকে অনেকটাই দূরে সরে এসেছে। 🟣 (Self-Purified) – 🕐 ২৫ থেকে ৪৫ দিন যারা গুনাহমুক্ত জীবন গড়ার জন্য কঠোর চেষ্টা করছে। 🟤 (God-Fearing) – 🕐 ৪৫ থেকে ৯০ দিন যারা আল্লাহর ভয় অন্তরে ধারণ করে জীবন পরিচালনা করছে। ⚪ (The Truthful) – 🕐 ৯০ থেকে ১৫০ দিন যারা সত্য ও আল্লাহর প্রতি একনিষ্ঠভাবে চলতে চায়। 💠 (On the Path of Guidance) – 🕐 ১৫০ থেকে ২২০ দিন যারা আল্লাহর হিদায়াতের পথে দৃঢ়ভাবে এগিয়ে চলেছে। 🔷 (Connected to the Creator) – 🕐 ২২০ থেকে ৩৬৫ দিন যারা আল্লাহর সঙ্গে গভীর সম্পর্ক স্থাপন করতে সক্ষম হয়েছে। 💖 (Beloved of the Merciful) – যারা আল্লাহর রহমতের জন্য প্রিয় ও গ্রহণযোগ্য হয়ে উঠেছে। - Follow Up Deployment

    Verified signature
    3d9354b
  4. When I click on 'র‌্যাংকিং সিস্টেম' in the hamburger menu, show this in a new page- 🟢 (Novice) – 🕐 ১ থেকে ৩ দিন যারা গুনাহ থেকে নিজেকে বাঁচাতে সদ্য চেষ্টা শুরু করেছে। 🟠 (Courageous) – 🕐 ৩ থেকে ৮ দিন যারা গুনাহ থেকে দূরে থাকতে সাহসিকতার পরিচয় দিচ্ছে। 🟡 (Alert) – 🕐 ৮ থেকে ১৫ দিন যারা গুনাহ থেকে বাঁচতে সর্বদা সতর্ক থাকছে। 🔵 (Purified) – 🕐 ১৫ থেকে ২৫ দিন যারা গুনাহ থেকে অনেকটাই দূরে সরে এসেছে। 🟣 (Self-Purified) – 🕐 ২৫ থেকে ৪৫ দিন যারা গুনাহমুক্ত জীবন গড়ার জন্য কঠোর চেষ্টা করছে। 🟤 (God-Fearing) – 🕐 ৪৫ থেকে ৯০ দিন যারা আল্লাহর ভয় অন্তরে ধারণ করে জীবন পরিচালনা করছে। ⚪ (The Truthful) – 🕐 ৯০ থেকে ১৫০ দিন যারা সত্য ও আল্লাহর প্রতি একনিষ্ঠভাবে চলতে চায়। 💠 (On the Path of Guidance) – 🕐 ১৫০ থেকে ২২০ দিন যারা আল্লাহর হিদায়াতের পথে দৃঢ়ভাবে এগিয়ে চলেছে। 🔷 (Connected to the Creator) – 🕐 ২২০ থেকে ৩৬৫ দিন যারা আল্লাহর সঙ্গে গভীর সম্পর্ক স্থাপন করতে সক্ষম হয়েছে। 💖 (Beloved of the Merciful) – যারা আল্লাহর রহমতের জন্য প্রিয় ও গ্রহণযোগ্য হয়ে উঠেছে। - Follow Up Deployment

    Verified signature
    bae8cad
  5. When I click on 'ইসলামিক কুইজ' in the hamburger menu, a page about this opens. add Many Islamic quizes - Follow Up Deployment

    Verified signature
    77ad123
  6. When I click on 'Islamic Quiz' in the hamburger menu, a page about this opens. - Follow Up Deployment

    Verified signature
    9f16148
  7. When I click on 'Islamic books' in the hamburger menu, a page about this opens. Book link: https://drive.google.com/drive/folders/1O3CxfhtwvZ95QpllPg-Abztj1HT2qUcZ - Follow Up Deployment

    Verified signature
    397b95b
  8. When I click on 'ফিরে আসার উপায়' in the hamburger menu, a page about it will open. That way, it will be with everyone. - Follow Up Deployment

    Verified signature
    5e1d7bc
  9. When I click on 'আসক্তি কি ও কেন?' in the hamburger menu, a page about it will open. That way, it will be with everyone. - Follow Up Deployment

    Verified signature
    6bc64b4
  10. When I click on 'আসক্তি কি ও কেন?' in the hamburger menu, a page about it will open. That way, it will be with everyone. - Follow Up Deployment

    Verified signature
    ca53b29
  11. When I click on 'পর্ণ কি ও কেন?' in the hamburger menu, a page about it will open. That way, it will be with everyone. - Follow Up Deployment

    Verified signature
    006d7fd
  12. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Track Addiction | Yeasin Editz</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Tiro+Bangla&display=swap'); body { font-family: 'Tiro Bangla', serif; background-color: #f5f7fa; } .character { animation: run 2s infinite steps(8); background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233b82f6"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>'); background-repeat: no-repeat; width: 80px; height: 80px; } @keyframes run { 0% { transform: translateX(0); } 100% { transform: translateX(20px); } } .progress-ring__circle { transition: stroke-dashoffset 0.35s; transform: rotate(-90deg); transform-origin: 50% 50%; } .menu-item:hover { background-color: rgba(59, 130, 246, 0.1); } .rank-badge { transition: all 0.3s ease; } .rank-badge:hover { transform: scale(1.05); } </style> </head> <body class="min-h-screen bg-gray-50"> <!-- Main App Container --> <div class="max-w-md mx-auto bg-white shadow-lg min-h-screen relative overflow-hidden"> <!-- Header --> <header class="bg-blue-500 text-white p-4 flex justify-between items-center sticky top-0 z-10"> <h1 class="text-xl font-bold">Track Addiction</h1> <button id="menuBtn" class="text-white focus:outline-none"> <i class="fas fa-bars text-2xl"></i> </button> </header> <!-- Side Menu --> <div id="sideMenu" class="fixed top-0 left-0 w-64 h-full bg-white shadow-lg transform -translate-x-full transition-transform duration-300 z-20"> <div class="p-4 bg-blue-500 text-white flex justify-between items-center"> <h2 class="text-xl font-bold">মেনু</h2> <button id="closeMenuBtn" class="text-white focus:outline-none"> <i class="fas fa-times text-xl"></i> </button> </div> <div class="overflow-y-auto h-full pb-20"> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-book mr-3 text-blue-500"></i> <span>পর্ণ কি এবং কেন?</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-brain mr-3 text-blue-500"></i> <span>আসক্তি কি এবং কেনো?</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-undo mr-3 text-blue-500"></i> <span>ফিরে আসার উপায়</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-mosque mr-3 text-blue-500"></i> <span>পাপ থেকে বিরত থাকার উপায়</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-book-open mr-3 text-blue-500"></i> <span>ইসলামিক বই</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-question-circle mr-3 text-blue-500"></i> <span>ইসলামিক কুইজ</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-history mr-3 text-blue-500"></i> <span>ইতিহাস</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-trophy mr-3 text-blue-500"></i> <span>র‍্যাংকিং সিস্টেম</span> </div> <div class="p-4 mt-4"> <p class="text-sm text-gray-600">ডেভেলপার: ইয়াসিন এডিটজ</p> <p class="text-xs text-gray-500 mt-1">ভার্সন 1.0.0</p> </div> </div> </div> <!-- Main Content --> <main class="p-6"> <!-- Motivation Quote --> <div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6 rounded-r"> <p class="text-blue-800 font-medium">"যে ব্যক্তি নিজেকে সংশোধন করে নেয়, আল্লাহ তাকে সংশোধন করে দেন।" - সহীহ বুখারী</p> </div> <!-- Progress Circle --> <div class="flex justify-center mb-6"> <div class="relative w-64 h-64"> <svg class="w-full h-full" viewBox="0 0 100 100"> <!-- Background circle --> <circle cx="50" cy="50" r="45" fill="none" stroke="#e5e7eb" stroke-width="8"/> <!-- Progress circle --> <circle class="progress-ring__circle" cx="50" cy="50" r="45" fill="none" stroke="#3b82f6" stroke-width="8" stroke-dasharray="283" stroke-dashoffset="141.5"/> </svg> <div class="absolute inset-0 flex flex-col items-center justify-center"> <div class="character mb-4"></div> <div id="timer" class="text-3xl font-bold text-gray-800">00:00:00</div> <p class="text-gray-600 mt-2">পরিষ্কার সময়</p> </div> </div> </div> <!-- Start/Reset Buttons --> <div class="flex justify-center space-x-4 mb-8"> <button id="startBtn" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded-full shadow-md transition duration-300"> শুরু করুন </button> <button id="resetBtn" class="bg-red-500 hover:bg-red-600 text-white font-bold py-3 px-6 rounded-full shadow-md transition duration-300"> রিসেট করুন </button> </div> <!-- Current Rank --> <div class="bg-white border border-gray-200 rounded-lg p-4 shadow-sm mb-6"> <h3 class="text-lg font-semibold text-gray-800 mb-3">আপনার বর্তমান র‍্যাংক</h3> <div class="flex items-center"> <div class="rank-badge bg-green-100 text-green-800 w-16 h-16 rounded-full flex items-center justify-center mr-4"> <span class="text-2xl">🟢</span> </div> <div> <h4 class="font-bold text-gray-800">Novice (সদ্য শুরু করা সাহসীদের জন্য)</h4> <p class="text-sm text-gray-600">১–৩ দিন পরিষ্কার</p> <div class="w-full bg-gray-200 rounded-full h-2.5 mt-2"> <div class="bg-green-500 h-2.5 rounded-full" style="width: 30%"></div> </div> </div> </div> </div> <!-- Quick Stats --> <div class="grid grid-cols-2 gap-4 mb-6"> <div class="bg-white border border-gray-200 rounded-lg p-4 shadow-sm"> <p class="text-gray-600 text-sm">বর্তমান স্ট্রিক</p> <p class="text-2xl font-bold text-blue-600">0 দিন</p> </div> <div class="bg-white border border-gray-200 rounded-lg p-4 shadow-sm"> <p class="text-gray-600 text-sm">সর্বোচ্চ স্ট্রিক</p> <p class="text-2xl font-bold text-blue-600">0 দিন</p> </div> </div> <!-- Motivational Tip --> <div class="bg-blue-50 rounded-lg p-4"> <h3 class="font-semibold text-blue-800 mb-2">আজকের টিপ</h3> <p class="text-gray-700">যখনই আপনার মন্দ চিন্তা আসে, তখনই "আউযুবিল্লাহি মিনাশ শাইতানির রাজিম" পড়ুন এবং অজু করে নিন।</p> </div> </main> <!-- Bottom Navigation --> <nav class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 flex justify-around py-3 max-w-md mx-auto"> <button class="text-blue-500 p-2 rounded-full"> <i class="fas fa-home text-xl"></i> </button> <button class="text-gray-500 p-2 rounded-full"> <i class="fas fa-chart-line text-xl"></i> </button> <button class="text-gray-500 p-2 rounded-full"> <i class="fas fa-book text-xl"></i> </button> <button class="text-gray-500 p-2 rounded-full"> <i class="fas fa-user text-xl"></i> </button> </nav> </div> <script> // Menu Toggle const menuBtn = document.getElementById('menuBtn'); const closeMenuBtn = document.getElementById('closeMenuBtn'); const sideMenu = document.getElementById('sideMenu'); menuBtn.addEventListener('click', () => { sideMenu.classList.remove('-translate-x-full'); }); closeMenuBtn.addEventListener('click', () => { sideMenu.classList.add('-translate-x-full'); }); // Timer Logic const timer = document.getElementById('timer'); const startBtn = document.getElementById('startBtn'); const resetBtn = document.getElementById('resetBtn'); const progressCircle = document.querySelector('.progress-ring__circle'); const character = document.querySelector('.character'); let seconds = 0; let minutes = 0; let hours = 0; let timerInterval; let isRunning = false; // Initialize timer display timer.textContent = '00:00:00'; // Set the progress circle const circumference = 2 * Math.PI * 45; progressCircle.style.strokeDasharray = circumference; progressCircle.style.strokeDashoffset = circumference; function updateTimer() { seconds++; if (seconds >= 60) { seconds = 0; minutes++; if (minutes >= 60) { minutes = 0; hours++; } } const formattedTime = (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds); timer.textContent = formattedTime; // Update progress circle const totalSeconds = hours * 3600 + minutes * 60 + seconds; const progress = totalSeconds % 86400; // Reset daily for demo const offset = circumference - (progress / 86400) * circumference; progressCircle.style.strokeDashoffset = offset; // Update character animation speed const speed = 2 - (totalSeconds % 100) / 100; character.style.animationDuration = `${speed}s`; } startBtn.addEventListener('click', () => { if (!isRunning) { timerInterval = setInterval(updateTimer, 1000); isRunning = true; startBtn.textContent = 'চলছে...'; startBtn.classList.remove('bg-blue-500', 'hover:bg-blue-600'); startBtn.classList.add('bg-green-500', 'hover:bg-green-600'); } }); resetBtn.addEventListener('click', () => { clearInterval(timerInterval); seconds = 0; minutes = 0; hours = 0; timer.textContent = '00:00:00'; isRunning = false; startBtn.textContent = 'শুরু করুন'; startBtn.classList.remove('bg-green-500', 'hover:bg-green-600'); startBtn.classList.add('bg-blue-500', 'hover:bg-blue-600'); progressCircle.style.strokeDashoffset = circumference; character.style.animationDuration = '2s'; }); </script> </body> </html> 1. Make the hamburger menu button functional to open the drawer. 2. Add an explicit IconButton in the AppBar leading property that triggers `Scaffold.of(context).openDrawer()`. 3. Implement a variable to track the highest streak time in milliseconds. 4. On reset button tap, compare current streak with the highest streak and update if current is higher. 5. Reset the stopwatch and timer so the timer shows 00:00:00 after reset. 6. Display both current streak and highest streak on the home screen below the timer. 7. Test that: - Tapping the hamburger icon opens the side menu drawer. - Timer resets to zero on pressing reset. - Highest streak time is preserved and updated correctly after reset. - Follow Up Deployment

    Verified signature
    150327d
  13. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Track Addiction | Yeasin Editz</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Tiro+Bangla&display=swap'); body { font-family: 'Tiro Bangla', serif; background-color: #f5f7fa; } .character { animation: run 2s infinite steps(8); background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233b82f6"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>'); background-repeat: no-repeat; width: 80px; height: 80px; } @keyframes run { 0% { transform: translateX(0); } 100% { transform: translateX(20px); } } .progress-ring__circle { transition: stroke-dashoffset 0.35s; transform: rotate(-90deg); transform-origin: 50% 50%; } .menu-item:hover { background-color: rgba(59, 130, 246, 0.1); } .rank-badge { transition: all 0.3s ease; } .rank-badge:hover { transform: scale(1.05); } </style> </head> <body class="min-h-screen bg-gray-50"> <!-- Main App Container --> <div class="max-w-md mx-auto bg-white shadow-lg min-h-screen relative overflow-hidden"> <!-- Header --> <header class="bg-blue-500 text-white p-4 flex justify-between items-center sticky top-0 z-10"> <h1 class="text-xl font-bold">Track Addiction</h1> <button id="menuBtn" class="text-white focus:outline-none"> <i class="fas fa-bars text-2xl"></i> </button> </header> <!-- Side Menu --> <div id="sideMenu" class="fixed top-0 left-0 w-64 h-full bg-white shadow-lg transform -translate-x-full transition-transform duration-300 z-20"> <div class="p-4 bg-blue-500 text-white flex justify-between items-center"> <h2 class="text-xl font-bold">মেনু</h2> <button id="closeMenuBtn" class="text-white focus:outline-none"> <i class="fas fa-times text-xl"></i> </button> </div> <div class="overflow-y-auto h-full pb-20"> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-book mr-3 text-blue-500"></i> <span>পর্ণ কি এবং কেন?</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-brain mr-3 text-blue-500"></i> <span>আসক্তি কি এবং কেনো?</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-undo mr-3 text-blue-500"></i> <span>ফিরে আসার উপায়</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-mosque mr-3 text-blue-500"></i> <span>পাপ থেকে বিরত থাকার উপায়</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-book-open mr-3 text-blue-500"></i> <span>ইসলামিক বই</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-question-circle mr-3 text-blue-500"></i> <span>ইসলামিক কুইজ</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-history mr-3 text-blue-500"></i> <span>ইতিহাস</span> </div> <div class="menu-item p-4 border-b border-gray-200 flex items-center"> <i class="fas fa-trophy mr-3 text-blue-500"></i> <span>র‍্যাংকিং সিস্টেম</span> </div> <div class="p-4 mt-4"> <p class="text-sm text-gray-600">ডেভেলপার: ইয়াসিন এডিটজ</p> <p class="text-xs text-gray-500 mt-1">ভার্সন 1.0.0</p> </div> </div> </div> <!-- Main Content --> <main class="p-6"> <!-- Motivation Quote --> <div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6 rounded-r"> <p class="text-blue-800 font-medium">"যে ব্যক্তি নিজেকে সংশোধন করে নেয়, আল্লাহ তাকে সংশোধন করে দেন।" - সহীহ বুখারী</p> </div> <!-- Progress Circle --> <div class="flex justify-center mb-6"> <div class="relative w-64 h-64"> <svg class="w-full h-full" viewBox="0 0 100 100"> <!-- Background circle --> <circle cx="50" cy="50" r="45" fill="none" stroke="#e5e7eb" stroke-width="8"/> <!-- Progress circle --> <circle class="progress-ring__circle" cx="50" cy="50" r="45" fill="none" stroke="#3b82f6" stroke-width="8" stroke-dasharray="283" stroke-dashoffset="141.5"/> </svg> <div class="absolute inset-0 flex flex-col items-center justify-center"> <div class="character mb-4"></div> <div id="timer" class="text-3xl font-bold text-gray-800">00:00:00</div> <p class="text-gray-600 mt-2">পরিষ্কার সময়</p> </div> </div> </div> <!-- Start/Reset Buttons --> <div class="flex justify-center space-x-4 mb-8"> <button id="startBtn" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded-full shadow-md transition duration-300"> শুরু করুন </button> <button id="resetBtn" class="bg-red-500 hover:bg-red-600 text-white font-bold py-3 px-6 rounded-full shadow-md transition duration-300"> রিসেট করুন </button> </div> <!-- Current Rank --> <div class="bg-white border border-gray-200 rounded-lg p-4 shadow-sm mb-6"> <h3 class="text-lg font-semibold text-gray-800 mb-3">আপনার বর্তমান র‍্যাংক</h3> <div class="flex items-center"> <div class="rank-badge bg-green-100 text-green-800 w-16 h-16 rounded-full flex items-center justify-center mr-4"> <span class="text-2xl">🟢</span> </div> <div> <h4 class="font-bold text-gray-800">Novice (সদ্য শুরু করা সাহসীদের জন্য)</h4> <p class="text-sm text-gray-600">১–৩ দিন পরিষ্কার</p> <div class="w-full bg-gray-200 rounded-full h-2.5 mt-2"> <div class="bg-green-500 h-2.5 rounded-full" style="width: 30%"></div> </div> </div> </div> </div> <!-- Quick Stats --> <div class="grid grid-cols-2 gap-4 mb-6"> <div class="bg-white border border-gray-200 rounded-lg p-4 shadow-sm"> <p class="text-gray-600 text-sm">বর্তমান স্ট্রিক</p> <p class="text-2xl font-bold text-blue-600">0 দিন</p> </div> <div class="bg-white border border-gray-200 rounded-lg p-4 shadow-sm"> <p class="text-gray-600 text-sm">সর্বোচ্চ স্ট্রিক</p> <p class="text-2xl font-bold text-blue-600">0 দিন</p> </div> </div> <!-- Motivational Tip --> <div class="bg-blue-50 rounded-lg p-4"> <h3 class="font-semibold text-blue-800 mb-2">আজকের টিপ</h3> <p class="text-gray-700">যখনই আপনার মন্দ চিন্তা আসে, তখনই "আউযুবিল্লাহি মিনাশ শাইতানির রাজিম" পড়ুন এবং অজু করে নিন।</p> </div> </main> <!-- Bottom Navigation --> <nav class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 flex justify-around py-3 max-w-md mx-auto"> <button class="text-blue-500 p-2 rounded-full"> <i class="fas fa-home text-xl"></i> </button> <button class="text-gray-500 p-2 rounded-full"> <i class="fas fa-chart-line text-xl"></i> </button> <button class="text-gray-500 p-2 rounded-full"> <i class="fas fa-book text-xl"></i> </button> <button class="text-gray-500 p-2 rounded-full"> <i class="fas fa-user text-xl"></i> </button> </nav> </div> <script> // Menu Toggle const menuBtn = document.getElementById('menuBtn'); const closeMenuBtn = document.getElementById('closeMenuBtn'); const sideMenu = document.getElementById('sideMenu'); menuBtn.addEventListener('click', () => { sideMenu.classList.remove('-translate-x-full'); }); closeMenuBtn.addEventListener('click', () => { sideMenu.classList.add('-translate-x-full'); }); // Timer Logic const timer = document.getElementById('timer'); const startBtn = document.getElementById('startBtn'); const resetBtn = document.getElementById('resetBtn'); const progressCircle = document.querySelector('.progress-ring__circle'); const character = document.querySelector('.character'); let seconds = 0; let minutes = 0; let hours = 0; let timerInterval; let isRunning = false; // Initialize timer display timer.textContent = '00:00:00'; // Set the progress circle const circumference = 2 * Math.PI * 45; progressCircle.style.strokeDasharray = circumference; progressCircle.style.strokeDashoffset = circumference; function updateTimer() { seconds++; if (seconds >= 60) { seconds = 0; minutes++; if (minutes >= 60) { minutes = 0; hours++; } } const formattedTime = (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds); timer.textContent = formattedTime; // Update progress circle const totalSeconds = hours * 3600 + minutes * 60 + seconds; const progress = totalSeconds % 86400; // Reset daily for demo const offset = circumference - (progress / 86400) * circumference; progressCircle.style.strokeDashoffset = offset; // Update character animation speed const speed = 2 - (totalSeconds % 100) / 100; character.style.animationDuration = `${speed}s`; } startBtn.addEventListener('click', () => { if (!isRunning) { timerInterval = setInterval(updateTimer, 1000); isRunning = true; startBtn.textContent = 'চলছে...'; startBtn.classList.remove('bg-blue-500', 'hover:bg-blue-600'); startBtn.classList.add('bg-green-500', 'hover:bg-green-600'); } }); resetBtn.addEventListener('click', () => { clearInterval(timerInterval); seconds = 0; minutes = 0; hours = 0; timer.textContent = '00:00:00'; isRunning = false; startBtn.textContent = 'শুরু করুন'; startBtn.classList.remove('bg-green-500', 'hover:bg-green-600'); startBtn.classList.add('bg-blue-500', 'hover:bg-blue-600'); progressCircle.style.strokeDashoffset = circumference; character.style.animationDuration = '2s'; }); </script> </body> </html> 1. Make the hamburger menu button functional to open the drawer. 2. Add an explicit IconButton in the AppBar leading property that triggers `Scaffold.of(context).openDrawer()`. 3. Implement a variable to track the highest streak time in milliseconds. 4. On reset button tap, compare current streak with the highest streak and update if current is higher. 5. Reset the stopwatch and timer so the timer shows 00:00:00 after reset. 6. Display both current streak and highest streak on the home screen below the timer. 7. Test that: - Tapping the hamburger icon opens the side menu drawer. - Timer resets to zero on pressing reset. - Highest streak time is preserved and updated correctly after reset. - Follow Up Deployment

    Verified signature
    843ced6
  14. Time starts from 00 seconds. All features working - Follow Up Deployment

    Verified signature
    8fe5364
  15. Create a mobile application called Track Addiction developed by Yeasin Editz, designed to help users quit pornography through motivation, progress tracking, Islamic guidance, and gamification. --- 🧩 Core Features: 1. Home Page Central element: A circle at the center of the screen with a 2D animated character inside it. A live timer is shown below or inside the circle displaying how long the user has stayed clean. Once the user taps “Start App”, the timer starts, and the character begins to run. The faster and longer the time, the faster the character runs, visually showing progress. Header bar: App name on the left. Three-line hamburger menu icon on the right. --- 📂 Side Menu Options (Hamburger Menu): 1. 📘 পর্ণ কি এবং কেন? Educational section explaining the dangers and psychological effects of pornography. 2. 📕 আসক্তি কি এবং কেনো? Understand the science and spiritual aspects of addiction. 3. 🛑 ফিরে আসার উপায়। Practical strategies for resisting relapse. 4. 🕌 পাপ থেকে বিরত থাকার উপায়। Islamic advice to avoid sinful behavior. 5. 📚 ইসলামিক বই Embedded or linked books from: 🔗 https://drive.google.com/drive/folders/1O3CxfhtwvZ95QpllPg-Abztj1HT2qUcZ 6. 🧠 ইসলামিক কুইজ Fun and informative Islamic quizzes to engage users. 7. 📈 History Shows a log of past streaks: start date, relapse date (if any), current streak, best streak. 8. 🏆 Ranking System Based on the number of days without relapse. Shows current badge and progress to the next level. --- 🏅 Ranking Tiers (Displayed with Emojis & Descriptions): Days Title Description ১–৩ দিন 🟢 Novice সদ্য শুরু করা সাহসীদের জন্য ৩–৮ দিন 🟠 Courageous সাহসিকতার চিহ্ন ৮–১৫ দিন 🟡 Alert সর্বদা সতর্ক ১৫–২৫ দিন 🔵 Purified অনেকটাই বিশুদ্ধ ২৫–৪৫ দিন 🟣 Self-Purified গুনাহমুক্তির পথে কঠোর চেষ্টা ৪৫–৯০ দিন 🟤 God-Fearing আল্লাহভীতি অন্তরে ধারণ ৯০–১৫০ দিন ⚪ The Truthful একনিষ্ঠভাবে চলার প্রতিশ্রুতি ১৫০–২২০ দিন 💠 On the Path of Guidance হিদায়াতের পথে অগ্রগতি ২২০–৩৬৫ দিন 🔷 Connected to the Creator গভীর আত্মিক সম্পর্ক ৩৬৫+ দিন 💖 Beloved of the Merciful আল্লাহর রহমতের প্রিয় --- 🛠️ Technical Suggestions: Platform: Android (Kotlin/Flutter), iOS (SwiftUI/Flutter) Local database: SQLite or Room (to save streaks and history) 2D animation: Use Rive or Lottie for smooth animated character Backend (optional): Firebase for user login and cloud history sync Push notifications: For motivation, Hadiths, reminders --- 🧑‍💻 Developer Info: App Name: Track Addiction Developed by: Yeasin Editz Language: Bengali (বাংলা) Audience: Young Muslims struggling with digital addiction Tone: Friendly, motivational, and Islamic --- 📌 Notes: Add a reset button in case the user relapses. Include motivational quotes or Ayat/Hadith after every rank-up. Add optional login system for saving progress online (Firebase/Google login). - Follow Up Deployment

    Verified signature
    ea102fe
  16. Create a mobile application called Track Addiction developed by Yeasin Editz, designed to help users quit pornography through motivation, progress tracking, Islamic guidance, and gamification. --- 🧩 Core Features: 1. Home Page Central element: A circle at the center of the screen with a 2D animated character inside it. A live timer is shown below or inside the circle displaying how long the user has stayed clean. Once the user taps “Start App”, the timer starts, and the character begins to run. The faster and longer the time, the faster the character runs, visually showing progress. Header bar: App name on the left. Three-line hamburger menu icon on the right. --- 📂 Side Menu Options (Hamburger Menu): 1. 📘 পর্ণ কি এবং কেন? Educational section explaining the dangers and psychological effects of pornography. 2. 📕 আসক্তি কি এবং কেনো? Understand the science and spiritual aspects of addiction. 3. 🛑 ফিরে আসার উপায়। Practical strategies for resisting relapse. 4. 🕌 পাপ থেকে বিরত থাকার উপায়। Islamic advice to avoid sinful behavior. 5. 📚 ইসলামিক বই Embedded or linked books from: 🔗 https://drive.google.com/drive/folders/1O3CxfhtwvZ95QpllPg-Abztj1HT2qUcZ 6. 🧠 ইসলামিক কুইজ Fun and informative Islamic quizzes to engage users. 7. 📈 History Shows a log of past streaks: start date, relapse date (if any), current streak, best streak. 8. 🏆 Ranking System Based on the number of days without relapse. Shows current badge and progress to the next level. --- 🏅 Ranking Tiers (Displayed with Emojis & Descriptions): Days Title Description ১–৩ দিন 🟢 Novice সদ্য শুরু করা সাহসীদের জন্য ৩–৮ দিন 🟠 Courageous সাহসিকতার চিহ্ন ৮–১৫ দিন 🟡 Alert সর্বদা সতর্ক ১৫–২৫ দিন 🔵 Purified অনেকটাই বিশুদ্ধ ২৫–৪৫ দিন 🟣 Self-Purified গুনাহমুক্তির পথে কঠোর চেষ্টা ৪৫–৯০ দিন 🟤 God-Fearing আল্লাহভীতি অন্তরে ধারণ ৯০–১৫০ দিন ⚪ The Truthful একনিষ্ঠভাবে চলার প্রতিশ্রুতি ১৫০–২২০ দিন 💠 On the Path of Guidance হিদায়াতের পথে অগ্রগতি ২২০–৩৬৫ দিন 🔷 Connected to the Creator গভীর আত্মিক সম্পর্ক ৩৬৫+ দিন 💖 Beloved of the Merciful আল্লাহর রহমতের প্রিয় --- 🛠️ Technical Suggestions: Platform: Android (Kotlin/Flutter), iOS (SwiftUI/Flutter) Local database: SQLite or Room (to save streaks and history) 2D animation: Use Rive or Lottie for smooth animated character Backend (optional): Firebase for user login and cloud history sync Push notifications: For motivation, Hadiths, reminders --- 🧑‍💻 Developer Info: App Name: Track Addiction Developed by: Yeasin Editz Language: Bengali (বাংলা) Audience: Young Muslims struggling with digital addiction Tone: Friendly, motivational, and Islamic --- 📌 Notes: Add a reset button in case the user relapses. Include motivational quotes or Ayat/Hadith after every rank-up. Add optional login system for saving progress online (Firebase/Google login). - Follow Up Deployment

    Verified signature
    d464f3a
  17. Create a mobile application called Track Addiction developed by Yeasin Editz, designed to help users quit pornography through motivation, progress tracking, Islamic guidance, and gamification. --- 🧩 Core Features: 1. Home Page Central element: A circle at the center of the screen with a 2D animated character inside it. A live timer is shown below or inside the circle displaying how long the user has stayed clean. Once the user taps “Start App”, the timer starts, and the character begins to run. The faster and longer the time, the faster the character runs, visually showing progress. Header bar: App name on the left. Three-line hamburger menu icon on the right. --- 📂 Side Menu Options (Hamburger Menu): 1. 📘 পর্ণ কি এবং কেন? Educational section explaining the dangers and psychological effects of pornography. 2. 📕 আসক্তি কি এবং কেনো? Understand the science and spiritual aspects of addiction. 3. 🛑 ফিরে আসার উপায়। Practical strategies for resisting relapse. 4. 🕌 পাপ থেকে বিরত থাকার উপায়। Islamic advice to avoid sinful behavior. 5. 📚 ইসলামিক বই Embedded or linked books from: 🔗 https://drive.google.com/drive/folders/1O3CxfhtwvZ95QpllPg-Abztj1HT2qUcZ 6. 🧠 ইসলামিক কুইজ Fun and informative Islamic quizzes to engage users. 7. 📈 History Shows a log of past streaks: start date, relapse date (if any), current streak, best streak. 8. 🏆 Ranking System Based on the number of days without relapse. Shows current badge and progress to the next level. --- 🏅 Ranking Tiers (Displayed with Emojis & Descriptions): Days Title Description ১–৩ দিন 🟢 Novice সদ্য শুরু করা সাহসীদের জন্য ৩–৮ দিন 🟠 Courageous সাহসিকতার চিহ্ন ৮–১৫ দিন 🟡 Alert সর্বদা সতর্ক ১৫–২৫ দিন 🔵 Purified অনেকটাই বিশুদ্ধ ২৫–৪৫ দিন 🟣 Self-Purified গুনাহমুক্তির পথে কঠোর চেষ্টা ৪৫–৯০ দিন 🟤 God-Fearing আল্লাহভীতি অন্তরে ধারণ ৯০–১৫০ দিন ⚪ The Truthful একনিষ্ঠভাবে চলার প্রতিশ্রুতি ১৫০–২২০ দিন 💠 On the Path of Guidance হিদায়াতের পথে অগ্রগতি ২২০–৩৬৫ দিন 🔷 Connected to the Creator গভীর আত্মিক সম্পর্ক ৩৬৫+ দিন 💖 Beloved of the Merciful আল্লাহর রহমতের প্রিয় --- 🛠️ Technical Suggestions: Platform: Android (Kotlin/Flutter), iOS (SwiftUI/Flutter) Local database: SQLite or Room (to save streaks and history) 2D animation: Use Rive or Lottie for smooth animated character Backend (optional): Firebase for user login and cloud history sync Push notifications: For motivation, Hadiths, reminders --- 🧑‍💻 Developer Info: App Name: Track Addiction Developed by: Yeasin Editz Language: Bengali (বাংলা) Audience: Young Muslims struggling with digital addiction Tone: Friendly, motivational, and Islamic --- 📌 Notes: Add a reset button in case the user relapses. Include motivational quotes or Ayat/Hadith after every rank-up. Add optional login system for saving progress online (Firebase/Google login). - Follow Up Deployment

    Verified signature
    a21230d
  18. Create a mobile application called Track Addiction developed by Yeasin Editz, designed to help users quit pornography through motivation, progress tracking, Islamic guidance, and gamification. --- 🧩 Core Features: 1. Home Page Central element: A circle at the center of the screen with a 2D animated character inside it. A live timer is shown below or inside the circle displaying how long the user has stayed clean. Once the user taps “Start App”, the timer starts, and the character begins to run. The faster and longer the time, the faster the character runs, visually showing progress. Header bar: App name on the left. Three-line hamburger menu icon on the right. --- 📂 Side Menu Options (Hamburger Menu): 1. 📘 পর্ণ কি এবং কেন? Educational section explaining the dangers and psychological effects of pornography. 2. 📕 আসক্তি কি এবং কেনো? Understand the science and spiritual aspects of addiction. 3. 🛑 ফিরে আসার উপায়। Practical strategies for resisting relapse. 4. 🕌 পাপ থেকে বিরত থাকার উপায়। Islamic advice to avoid sinful behavior. 5. 📚 ইসলামিক বই Embedded or linked books from: 🔗 https://drive.google.com/drive/folders/1O3CxfhtwvZ95QpllPg-Abztj1HT2qUcZ 6. 🧠 ইসলামিক কুইজ Fun and informative Islamic quizzes to engage users. 7. 📈 History Shows a log of past streaks: start date, relapse date (if any), current streak, best streak. 8. 🏆 Ranking System Based on the number of days without relapse. Shows current badge and progress to the next level. --- 🏅 Ranking Tiers (Displayed with Emojis & Descriptions): Days Title Description ১–৩ দিন 🟢 Novice সদ্য শুরু করা সাহসীদের জন্য ৩–৮ দিন 🟠 Courageous সাহসিকতার চিহ্ন ৮–১৫ দিন 🟡 Alert সর্বদা সতর্ক ১৫–২৫ দিন 🔵 Purified অনেকটাই বিশুদ্ধ ২৫–৪৫ দিন 🟣 Self-Purified গুনাহমুক্তির পথে কঠোর চেষ্টা ৪৫–৯০ দিন 🟤 God-Fearing আল্লাহভীতি অন্তরে ধারণ ৯০–১৫০ দিন ⚪ The Truthful একনিষ্ঠভাবে চলার প্রতিশ্রুতি ১৫০–২২০ দিন 💠 On the Path of Guidance হিদায়াতের পথে অগ্রগতি ২২০–৩৬৫ দিন 🔷 Connected to the Creator গভীর আত্মিক সম্পর্ক ৩৬৫+ দিন 💖 Beloved of the Merciful আল্লাহর রহমতের প্রিয় --- 🛠️ Technical Suggestions: Platform: Android (Kotlin/Flutter), iOS (SwiftUI/Flutter) Local database: SQLite or Room (to save streaks and history) 2D animation: Use Rive or Lottie for smooth animated character Backend (optional): Firebase for user login and cloud history sync Push notifications: For motivation, Hadiths, reminders --- 🧑‍💻 Developer Info: App Name: Track Addiction Developed by: Yeasin Editz Language: Bengali (বাংলা) Audience: Young Muslims struggling with digital addiction Tone: Friendly, motivational, and Islamic --- 📌 Notes: Add a reset button in case the user relapses. Include motivational quotes or Ayat/Hadith after every rank-up. Add optional login system for saving progress online (Firebase/Google login). - Follow Up Deployment

    Verified signature
    8bac8d3
  19. Create a mobile application called Track Addiction developed by Yeasin Editz, designed to help users quit pornography through motivation, progress tracking, Islamic guidance, and gamification. --- 🧩 Core Features: 1. Home Page Central element: A circle at the center of the screen with a 2D animated character inside it. A live timer is shown below or inside the circle displaying how long the user has stayed clean. Once the user taps “Start App”, the timer starts, and the character begins to run. The faster and longer the time, the faster the character runs, visually showing progress. Header bar: App name on the left. Three-line hamburger menu icon on the right. --- 📂 Side Menu Options (Hamburger Menu): 1. 📘 পর্ণ কি এবং কেন? Educational section explaining the dangers and psychological effects of pornography. 2. 📕 আসক্তি কি এবং কেনো? Understand the science and spiritual aspects of addiction. 3. 🛑 ফিরে আসার উপায়। Practical strategies for resisting relapse. 4. 🕌 পাপ থেকে বিরত থাকার উপায়। Islamic advice to avoid sinful behavior. 5. 📚 ইসলামিক বই Embedded or linked books from: 🔗 https://drive.google.com/drive/folders/1O3CxfhtwvZ95QpllPg-Abztj1HT2qUcZ 6. 🧠 ইসলামিক কুইজ Fun and informative Islamic quizzes to engage users. 7. 📈 History Shows a log of past streaks: start date, relapse date (if any), current streak, best streak. 8. 🏆 Ranking System Based on the number of days without relapse. Shows current badge and progress to the next level. --- 🏅 Ranking Tiers (Displayed with Emojis & Descriptions): Days Title Description ১–৩ দিন 🟢 Novice সদ্য শুরু করা সাহসীদের জন্য ৩–৮ দিন 🟠 Courageous সাহসিকতার চিহ্ন ৮–১৫ দিন 🟡 Alert সর্বদা সতর্ক ১৫–২৫ দিন 🔵 Purified অনেকটাই বিশুদ্ধ ২৫–৪৫ দিন 🟣 Self-Purified গুনাহমুক্তির পথে কঠোর চেষ্টা ৪৫–৯০ দিন 🟤 God-Fearing আল্লাহভীতি অন্তরে ধারণ ৯০–১৫০ দিন ⚪ The Truthful একনিষ্ঠভাবে চলার প্রতিশ্রুতি ১৫০–২২০ দিন 💠 On the Path of Guidance হিদায়াতের পথে অগ্রগতি ২২০–৩৬৫ দিন 🔷 Connected to the Creator গভীর আত্মিক সম্পর্ক ৩৬৫+ দিন 💖 Beloved of the Merciful আল্লাহর রহমতের প্রিয় --- 🛠️ Technical Suggestions: Platform: Android (Kotlin/Flutter), iOS (SwiftUI/Flutter) Local database: SQLite or Room (to save streaks and history) 2D animation: Use Rive or Lottie for smooth animated character Backend (optional): Firebase for user login and cloud history sync Push notifications: For motivation, Hadiths, reminders --- 🧑‍💻 Developer Info: App Name: Track Addiction Developed by: Yeasin Editz Language: Bengali (বাংলা) Audience: Young Muslims struggling with digital addiction Tone: Friendly, motivational, and Islamic --- 📌 Notes: Add a reset button in case the user relapses. Include motivational quotes or Ayat/Hadith after every rank-up. Add optional login system for saving progress online (Firebase/Google login). - Initial Deployment

    Verified signature
    3dbd3cb
  20. initial commit

    Verified signature
    89eb750