Content calendar app with drag-and-drop scheduling

Content calendar app for marketing teams and creators. Plan, schedule, and track content across every channel in one visual calendar. Drag entries between days, track status at a glance, and filter by platform in seconds. Now all that's left is to fill it with content.

Overall stats

  • Prompts: 3
  • Time: ~ 12 min
Category
SaaS & Marketing
Features
App & ToolDrag & DropProgress TrackingSearch & FiltersForms & InputCustom Design
Author
Macaly
App & Tool

1. Build the Content Calendar

One prompt, and the whole tool was running. I built the monthly grid, content entry cards with platform and status, and a form to add new entries.

Build a content calendar app for creators and marketing teams. Show a monthly grid where users can create and manage content entries, each with a title, platform, publish date, and status (draft, scheduled, published).

Drag & Drop

2. Add drag-and-drop rescheduling

Then I made it interactive. Entries drag straight from one day to another, and the publish date updates itself on drop.

Make content entries draggable across the calendar so users can reschedule by dragging a card to a different day. Update the publish date automatically when dropped.

Progress Tracking

3. Filter and search content

Last round: I made it easier to find things fast. Stackable filters and a live search bar so nothing gets buried.

Add filtering and search to the calendar. Let users filter entries by platform, content type, and status, and search by title in real time.

What the agent did

  • Visual calendar grid with content cards

    The calendar grid holds multiple content entries per day as compact cards. Each card shows the title, platform, and status at a glance, no clicking into details needed for a quick overview.

  • Drag-and-drop rescheduling across days

    Content entries can be dragged directly from one calendar day to another. Macaly wired up smooth drag interactions with visual drop-zone highlighting and automatic date updates, no form reopening needed to reschedule.

  • Status pipeline

    Each entry carries a status shown as a colour-coded badge: grey for Draft, blue for Scheduled, green for Published. A summary widget at the top gives an instant count per status.

  • Multi-dimension filtering and real-time search

    Stackable filters narrow the calendar by platform, content type, and status, alongside a live search bar that filters entries by title as you type. Filters combine, so selecting Instagram and Published shows only published Instagram posts.

  • Structured content entry form

    A side panel form lets users create or edit entries with fields for title, content type, platform, publish date, and status. Macaly added validation so incomplete entries can't be saved by accident.

Winner winner chicken dinner