Add shadcn/ui + Tailwind CSS to stack; update STATUS.md and changelog

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
curo1305
2026-04-17 12:18:44 +02:00
parent 09555f3470
commit 9e2e4ec338
3 changed files with 16 additions and 2 deletions
+2
View File
@@ -9,6 +9,8 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
| Backend | FastAPI (async), SQLAlchemy 2 (async), Alembic, PostgreSQL | | Backend | FastAPI (async), SQLAlchemy 2 (async), Alembic, PostgreSQL |
| Auth | JWT via `python-jose`, bcrypt via `bcrypt` (direct, no passlib) | | Auth | JWT via `python-jose`, bcrypt via `bcrypt` (direct, no passlib) |
| Frontend | React 18, TypeScript, Vite, React Router v6, TanStack Query, Axios | | Frontend | React 18, TypeScript, Vite, React Router v6, TanStack Query, Axios |
| UI Library | shadcn/ui (Radix primitives + Tailwind CSS) |
| Styling | Tailwind CSS v3, CSS custom properties for theme tokens |
| Dev DB | PostgreSQL 16 via Docker Compose | | Dev DB | PostgreSQL 16 via Docker Compose |
## Commands ## Commands
@@ -11,3 +11,15 @@
**Files Added:** **Files Added:**
- `changelog/2026-04-17_switch-penpot-to-figma.md` — this entry - `changelog/2026-04-17_switch-penpot-to-figma.md` — this entry
---
# 2026-04-17 — Adopt shadcn/ui + Tailwind CSS as UI layer
**Timestamp:** 2026-04-17T00:00:00
**Summary:** Confirmed shadcn/ui + Tailwind CSS as the UI component library and styling system. Updated CLAUDE.md stack table and frontend/STATUS.md to reflect this decision.
**Files Modified:**
- `CLAUDE.md` — added UI Library (shadcn/ui) and Styling (Tailwind CSS v3) rows to Stack table
- `frontend/STATUS.md` — marked shadcn/ui checklist item as done; updated Known limitations note from "evaluation pending" to "adoption in progress"
+2 -2
View File
@@ -131,7 +131,7 @@ Key functions:
- **JWT in `localStorage`** — XSS risk; migrate to `httpOnly` cookie when backend supports it - **JWT in `localStorage`** — XSS risk; migrate to `httpOnly` cookie when backend supports it
- **No toast / notification system** — errors shown inline; success is silent - **No toast / notification system** — errors shown inline; success is silent
- **No loading skeletons** — "Loading…" text only - **No loading skeletons** — "Loading…" text only
- **No UI component library** — raw inline styles throughout; Figma + shadcn/ui evaluation pending - **No UI component library** — raw inline styles throughout; shadcn/ui + Tailwind CSS adoption in progress
- **No group/sharing UI** — blocked on backend groups system - **No group/sharing UI** — blocked on backend groups system
- **No app permission UI** — all apps visible to all authenticated users - **No app permission UI** — all apps visible to all authenticated users
@@ -139,7 +139,7 @@ Key functions:
## Future work ## Future work
- [ ] UI component library decision (shadcn/ui recommended) + Figma design system - [x] UI component library: shadcn/ui + Tailwind CSS confirmed
- [ ] Toast notification system (upload success, save feedback, errors) - [ ] Toast notification system (upload success, save feedback, errors)
- [ ] Loading skeletons - [ ] Loading skeletons
- [ ] `POST /queue/jobs` integration — show AI processing queue status / progress per document - [ ] `POST /queue/jobs` integration — show AI processing queue status / progress per document