How laynefox7/lfnote works
Planner is a calendar-based task and notes application with folders, tags, completion tracking, task dependencies, and a Gantt view. A signed-in user enters through the React app, which loads planner data and coordinates edits through the client API; the server authenticates requests and persists account-scoped records. The graph preserves the calendar, Gantt/dependency, and administration branches. Source excerpts are partial, so several UI-to-handler and client-to-server links are shown only where the supplied evidence supports them; the client API excerpt also contains localStorage persistence.
Main entry points: App.tsx App coordinator · DayColumn.tsx Calendar columns · api.ts Client API · index.js HTTP API
Components 21
Application shell
- App coordinator
src/App.tsx - Client API
src/api.ts
Planning views
- Calendar columns
src/components/DayColumn.tsx - Gantt planning
src/components/GanttView.tsx - List view
src/components/ListView.tsx - Rows view
src/components/RowsView.tsx - Completed tasks
src/components/DoneArea.tsx
Editing and navigation
- Task cards
src/components/TaskRow.tsx - Task editor
src/components/TaskEditor.tsx - Note editor
src/components/NewNoteEditor.tsx - Folder controls
src/components/FolderBar.tsx - Tag controls
src/components/TagBar.tsx - Dependency links
src/arrows.tsx - Login screen
src/components/LoginScreen.tsx - Admin panel
src/components/AdminPanel.tsx
Service layer
- HTTP API
server/index.js - Session auth
server/auth.js - Database queries
Persistence
- Planner database
server/db/schema.sql - Browser storage
src/api.ts
Other components
- Planner user
Connections 22
- Planner user → App coordinator: uses
- App coordinator → Client API: loads and saves
- App coordinator → Calendar columns: renders
- App coordinator → Gantt planning: renders
- App coordinator → List view: renders
- App coordinator → Rows view: renders
- App coordinator → Completed tasks: renders
- Calendar columns → Task cards: displays tasks
- Calendar columns → Task editor: edits tasks
- Calendar columns → Note editor: creates notes
- App coordinator → Folder controls: provides folder state
- App coordinator → Tag controls: provides tag state
- App coordinator → Dependency links: provides links
- Planner user → Login screen: signs in
- App coordinator → Login screen: renders
- App coordinator → Admin panel: renders
- Client API → HTTP API: requests
- HTTP API → Session auth: checks sessions
- HTTP API → Database queries: queries
- Session auth → Database queries: reads and writes
- Database queries → Planner database: reads and writes
- Client API → Browser storage: reads and writes