Phuriwaj

Web Mantine App

Planted 2 days ago

Web Mantine App

Building a multi-module web application using Mantine v9 as the component library, including Todo and Calendar modules with TypeScript mock data and a dual-rail AppShell layout.

Current Focus

Resolving the blank-column AppShell layout bug, then continuing to build out the Todo page (DataTable with sort/filter, Drawer for task details, mock API service connection).

Open Tasks

  • Fix AppShell blank-column layout bug (likely Cause B or C — double AppShell or icon rail outside AppShell)
  • Add sort + filter to Todo DataTable
  • Wire up Drawer for task detail view
  • Connect Todo page to mock API service
  • Complete Calendar module components
  • Complete @mantine/schedule WeekView integration with recurring events
  • Set up Playwright CI gate (smoke + page tests before marking features done)

Key Decisions / Insights

  • mantine-appshell-layout — AppShell blank-column debugging checklist
  • playwright-nextjs-setup — Playwright + CLAUDE.md Definition of Done pattern
  • Mock data defined in src/mocks/todo.ts and src/mocks/calendar.ts — typed domain contracts, swap service layer to go live
  • Using @mantine/schedule ScheduleEventData for calendar events; supports single, recurring series, and recurring override event types

People

Progress Log

2026-05-31

Generated mock data files for Todo and Calendar modules with full TypeScript types (Task, TaskList, TaskStatus, Priority, AppCalendarEvent, CalendarAttendee). Calendar mock includes recurring series with rrule, overrides, and background display events. Encountered and diagnosed a blank-column layout bug — diagnostic prompt written for Claude Code to identify root cause (double AppShell stacking most likely). Both sessions run under the “Web Application” Claude project.

2026-06-01

Finalized mock data — received complete todo.ts and calendar.ts files. Todo has 17 tasks across 5 lists (Inbox, Today, Work, Personal, Learning) with subtasks, priorities, assignees, and tags. Calendar has 12 one-off events, 4 recurring series (daily standup, weekly 1:1s, monthly all-hands), and 1 recurring override. AppShell diagnostic prompt written and ready to run — Cause B (double AppShell stacking) remains the most likely root cause. Added Playwright setup with CLAUDE.md Definition of Done gate to enforce build + test before completion.