Rei Kimura I Love My Father In Law More Than My Fix Top 【2024】

| Layer | Tech Choice | Rationale | |-------|-------------|-----------| | | React (with TypeScript) + Styled‑Components | Component‑driven UI, easy state handling for live preview | | Drag‑Drop | react-beautiful-dnd or dnd-kit | Proven library for reordering items | | Canvas Rendering | html2canvas → PNG export, fallback to server‑side rendering with Node‑Canvas for high‑res PDF if needed | Client‑side export works offline, server side for print‑quality | | Backend | Node.js (Express) + PostgreSQL (or Firebase Firestore) | Stores user journal entries and share‑link metadata | | Auth | OAuth2 (Google, Apple, Email) | Seamless login for personal journal | | Image Storage | Cloudinary or AWS S3 (signed URLs) | Handles user‑uploaded pictures, automatic resizing | | Sharing | Short‑URL service ( /l/:id ) with 301 redirect to a read‑only view page | Clean links for social media | | Testing | Jest + React Testing Library (unit), Cypress (e2e) | Full coverage of UI & flow | | Deployment | Vercel (frontend) + Render/Heroku (API) | Zero‑downtime, auto‑scaling |