☰

Lemonade Project Planner

Project planner with tasks, subtasks, priorities, due dates, and floating popout

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
Silverfox0338
日安装量
0
总安装量
2
评分
0 0 0
版本
4.9.1
创建于
2026-01-02
更新于
2026-01-03
大小
65.9 KB
许可证
CC-BY-NC-ND-4.0
适用于

Lemonade Project Planner

Version: 4.9.1
License: CC-BY-NC-ND-4.0

A beautiful, feature-rich project management panel for lemonade.gg/code that helps you organize your coding projects with tasks, subtasks, priorities, and due dates.

What's New in 4.9.1

  • Collapsible Subtasks (Rough) - Basic collapse/expand for subtasks - will be improved in future updates

Features

Project Management

  • Multiple Projects - Create and manage unlimited projects
  • Tabbed Interface - Switch between projects with a sleek tab system
  • Progress Tracking - Visual progress bars and percentage badges
  • Project Overview - See all your projects at a glance with stats

Task Organization

  • Tasks & Subtasks - Break down complex tasks into manageable pieces
  • Checkbox System - Mark tasks and subtasks as complete
  • Smart Progress - Partial checkmarks when some subtasks are done
  • Search Functionality - Quickly find tasks across your project

Priority & Scheduling

  • Priority Levels - High, Medium, Low priority badges
  • Due Dates - Set deadlines with visual date badges
  • Overdue Alerts - Red badges for overdue tasks
  • Coming Soon Warnings - Yellow badges for tasks due within 2 days
  • Clean Display - Priority and date only shown when set, edit via dedicated panel

Beautiful UI

  • Glassmorphism Design - Modern blur effects and transparency
  • Smooth Animations - Polished transitions and hover effects
  • Color-Coded Badges - Visual priority and status indicators
  • Dark Theme - Easy on the eyes for long coding sessions
  • Gradient Accents - Subtle orange/amber theming

Flexible Layout

  • Side Panel Mode - Dock to left or right side of screen
  • Floating Window - Pop out into a draggable, resizable window
  • Auto-Positioning - Automatically avoids console panel
  • Resizable - Drag to adjust panel width (340px - 800px)
  • Responsive - Main editor adjusts when panel is open

Data Persistence

  • Auto-Save - All changes saved instantly to browser storage
  • Tab Memory - Remembers which projects you had open
  • Position Memory - Saves panel position and size preferences

How to Use

Getting Started

  1. Click the "Planner" button in the top header (amber/orange color)
  2. Create your first project by typing a name and clicking "Create"
  3. Click on a project card to open it

Managing Tasks

  1. Type a task name in the toolbar and click "Add"
  2. Click the checkbox to mark tasks as complete
  3. Click the + button to add subtasks
  4. Click the edit button (pencil icon) to set priority and due date
  5. Click the trash button to delete tasks

Setting Priority & Due Dates

  1. Click the pencil icon on any task
  2. Use the dropdown to set priority (High/Medium/Low)
  3. Use the date picker to set a due date
  4. Click "Done" to close the edit panel
  5. Priority and date badges will appear automatically
  6. Select "No Priority" or clear the date to remove badges

Keyboard Shortcuts

  • Enter - Submit new project/task/subtask
  • Esc - Close edit panel or planner

Panel Controls

  • Float Icon - Pop out into floating window
  • Swap Icon - Switch between left/right side
  • X Icon - Close the planner
  • Tab X Buttons - Close individual project tabs

Perfect For

  • Managing multiple coding projects
  • Breaking down complex features into tasks
  • Tracking progress on assignments
  • Organizing to-do lists while coding
  • Planning project milestones with deadlines

Tips

  • Drag the left/right edge of the panel to resize it
  • Use the search bar to quickly find specific tasks
  • The home tab shows progress for all projects
  • Click anywhere on a project card to open it
  • The planner button turns green when open
  • All data is saved locally in your browser

Privacy

All data is stored locally in your browser's localStorage. Nothing is sent to external servers. Your projects and tasks remain completely private.

Known Limitations

  • Data is per-browser (not synced across devices)
  • Clearing browser data will delete all projects
  • Only works on lemonade.gg/code pages

Author: @Silverfox0338