---
# nuzlocke-tracker-d68l
title: 'Frontend: Journal entry editor and list view'
status: todo
type: task
priority: normal
created_at: 2026-03-20T15:15:55Z
updated_at: 2026-03-20T15:15:59Z
parent: nuzlocke-tracker-mz16
blocked_by:
    - nuzlocke-tracker-vmto
---

Create the frontend UI for writing and viewing journal entries.

## Design Decisions
- Plain markdown textarea (no WYSIWYG)
- Images via markdown URL syntax (`![alt](url)`)
- Blank slate — no templates
- Private only (no sharing UI)

## Checklist

- [ ] Add `JournalEntry` TypeScript types to `frontend/src/types/`
- [ ] Create API client functions for journal CRUD
- [ ] Create `JournalList` component — chronological list of entries for a run
  - Show title, date, preview snippet, and linked boss (if any)
  - Link each entry to its detail/edit view
- [ ] Create `JournalEditor` component — markdown textarea with title input
  - Optional boss result selector dropdown (link entry to a boss battle)
  - Preview tab to render markdown
  - Save and delete actions
- [ ] Create `JournalEntryView` component — rendered markdown display
- [ ] Add journal section/tab to the run detail page
- [ ] Add route for journal entry detail/edit view