To-Do List

A clean and modern Chrome To-Do List extension using local storage.

✅ Todo List: A Clean, Modern Chrome Tool for Task Management & Reminders —— A lightweight, aesthetically pleasing, and feature-rich professional browser extension designed to help you efficiently master your daily progress. ----------------------------------- Are you constantly overwhelmed by trivial tasks? Do you need a productivity tool that allows for both rapid capture and in-depth organization? "Todo List" is designed specifically to address this need. Through a unique dual-mode architecture—combining a "Quick Popup" for capture and a "Management Dashboard" for organization—it perfectly balances the convenience of quick entry with the systematic rigor of task management. Enhanced by smart reminders and persistent data storage, it offers you the smoothest task management experience possible. Whether you are a student, a programmer, or a working professional striving for efficiency, this extension will become an indispensable productivity hub right within your browser. 🌟 Core Features ----------------------------------- ✨ Dual-Mode Interaction: Popup Inbox: Quickly add and check off tasks directly from the browser's top-right corner—perfect for capturing fleeting ideas and inspirations. Dashboard Management Page: An immersive, full-screen interface for comprehensive management, supporting advanced filtering, batch operations, and detailed editing. 🔢 Real-time Badge Counter: The plugin icon displays the number of unfinished tasks in real time, allowing you to check your to-do progress at a glance directly from the browser toolbar—without needing to open the plugin itself. 📊 In-Depth Statistics Dashboard: Utilizes the full-screen space to visualize task completion trends and category breakdowns, allowing you to intuitively track your progress and conduct data-driven reviews. 🏆 Milestone & Achievement System: Tracks your consistency and persistence through achievement popups (e.g., total tasks completed, consecutive days of use), making task management a rewarding and fulfilling experience. 📅 Daily Recurring Tasks: Mark your daily routines (such as vocabulary study or working out) with a single click; their status automatically resets at the start of each new day, saving you the hassle of repetitive manual entry. ⏰ Smart Deadlines & Reminders: Set specific time points for your tasks. Powered by the `chrome.alarms` API, you will receive timely, system-level push notifications even when the extension window is closed. 🖱️ Quick Add via Context Menu: While browsing the web, simply select any text and right-click to instantly add it as a to-do item—no need to switch windows. 📑 Save Page for Later: Supports one-click saving of the current page's link; your task list will automatically generate a 🔗 shortcut link, allowing you to easily return to the page whenever you're ready to read it. 🏷️ Flexible Category Management: Supports custom category names and color-coded labels for easy organization. Use color-coding to distinguish task priorities or associated projects, keeping your lists perfectly organized. 📦 Batch Operations & Efficient Search: Supports multi-selection for batch moving tasks between categories or deleting them. The real-time search feature allows for quick retrieval based on task content or category keywords. 📍 Drag-and-Drop Sorting & Task Pinning: Freely rearrange task order via drag-and-drop within the "All" view; important items can be pinned to the top with a single click, ensuring your key tasks always remain front and center. 🎨 Seamless Dark Mode Integration: Automatically switches to match your system theme, or toggle manually with a single click. Sophisticated CSS variables ensure excellent reading comfort under any lighting conditions. 💾 Data Backup & Privacy: All data is stored locally in `chrome.storage.local`. Supports one-click export and import in JSON format, giving you complete control over your data. 📖 Instructions ----------------------------------- 1. Quick Add: Click the extension icon, type your task into the input box, and press Enter. 2. Right-Click Clipping: Select text on a webpage, then right-click and choose "To-Do List > Add to To-Do List." 3. Read Later: Right-click anywhere on a webpage and select "To-Do List > Read Later" to save the current URL. 4. One-Click Visit: Click the 🔗 icon next to a task in the list to open the original webpage in a new tab. 5. Advanced Management: Click the "Management Center" icon in the top-right corner of the popup to enter the full-screen Dashboard mode. 6. Set Reminders: Select a specific time when adding a task and check the "Reminder" option. 7. Batch Management: Enable "Batch Operations" at the bottom of the Dashboard to select multiple tasks for bulk categorization or cleanup. 8. Export Data: Click "Export Data" within the Management Center to back up your entire task list. 9. Flexible Sorting: In the "All" view, simply drag and drop tasks to freely adjust their display order. 10. Pin Task: Hover your mouse over a task and click the "Pin" icon that appears to fix important items to the top of the list. 🎨 Design Philosophy ----------------------------------- Minimalist, Yet Robust: While maintaining a "zero learning curve," it offers sufficient functional depth to support complex task management needs. Feedback-Driven: Provides users with the most immediate and positive reinforcement through badge counters, completion animations, and milestone pop-ups. Performance-First: Built upon a modular Vanilla JS architecture to avoid the bloat of third-party frameworks, ensuring "instant-load" level responsiveness. 🗺️ Roadmap ----------------------------------- Cloud Sync: Future updates will introduce optional account synchronization, enabling seamless task continuity across different computers. Enhanced Drag-and-Drop Sorting: Optimizing the manual sorting experience within the comprehensive "All Tasks" view. Multi-Device Collaboration: Exploring solutions for synchronizing tasks between mobile devices and web browsers. Smarter Reminders: Adding support for more custom recurrence intervals (e.g., weekly, monthly). 💬 Feedback & Suggestions ----------------------------------- Crafted specifically for users who value efficiency and simplicity! If you have any ideas or suggestions while using the app, please don't hesitate to reach out. Your feedback is the driving force behind our continuous improvement. Ensuring every effort leaves a visible trace! 🚀