☰

Lemonade Project Planner

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

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
Silverfox0338
今日安裝
0
安裝總數
2
評價
0 0 0
版本
4.9
建立日期
2026-01-02
更新日期
2026-01-02
尺寸
64.7 KB
授權條款
CC-BY-NC-ND-4.0
腳本執行於

Lemonade Project Planner

Version: 4.9
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.

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