☰

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 เพื่อติดตั้งสคริปต์นี้

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

วิธีการติดตั้ง

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

ผู้เขียน
Silverfox0338
จำนวนติดตั้งประจำวัน
0
จำนวนติดตั้งทั้งหมด
7
คะแนน
0 0 0
เวอร์ชัน
4.9.1
สร้างเมื่อ
02-01-2026
อัปเดตเมื่อ
03-01-2026
Size
65.9 กิโลไบต์
สัญญาอนุญาต
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