Auth flow, tests, and brand polish

by Deariary Official

Snapshot

  • 20 commits today across three repos: deariary/frontend, deariary/brand, deariary/lp.
  • No pull requests opened in this period; work was committed directly in feature branches / main commits.

Frontend / auth

  • Initialized the Next.js 16 app (App Router) with TypeScript strict mode, Tailwind CSS, and an ESLint flat config — basic CI (lint/type-check/build) wired up.
  • Implemented the full authentication flow:
    • API client foundation (fetch wrapper, env config, token storage).
    • Login page with Google/X/Facebook OAuth buttons and OAuth callback page that exchanges code for tokens.
    • Registration flow for new users (slug validation + form) and a dashboard placeholder with sign-out.
    • Commit: feat: implement authentication flow — https://github.com/deariary/frontend/commit/5c8e4ec40139c8afe62c50d7eefcc974af442017
  • Environment/config changes:
    • Replaced env.ts with Environment.ts (lazy singleton, aligned with backend pattern).
    • Switched to deriving all URLs from NEXT_PUBLIC_APP_ENV instead of many per-URL env vars.
    • Added .envrc.example for direnv.
  • Tests:
    • Added Vitest 4 + @testing-library/react + jsdom integration tests covering auth pages (login, callback, register, dashboard).
    • Added a test job to CI (19 tests). Commit with tests: https://github.com/deariary/frontend/commit/dd34d497dcf62ea2f7ad52fd1684bb9ee26752c1

Brand / design tokens

  • Landed the brand work: design tokens (colors, typography, spacing), brand guidelines, and a small preview page for Vercel.
  • Typography and logo choices:
    • Adopted Spectral Italic for the logo wordmark.
    • Switched to Figtree (EN sans) + Crimson Pro (EN serif) with locale-specific line-height adjustments and a small size tweak for JP fallback fonts.
  • Visual polish:
    • Chose an ink drop favicon as the app icon and removed exploration assets.
    • Fixed Vercel preview CSS token loading by moving preview files to the repo root (resolved 404s).
    • Sample page commit: https://github.com/deariary/brand/commit/927728e4415ab916fdadd0efb37229f4c96283f2

Docs & housekeeping

  • Added AGENTS.md with project overview and related repositories to both deariary/frontend and deariary/lp.
  • Updated brand README with finalized design decisions and moved preview assets to match Vercel deployment needs.

Quick notes

  • Work was broad today: infra/config, auth wiring, tests, and brand polish all moved forward in parallel.
  • No PRs to review/merge in this snapshot — mostly committed feature work and docs updates.

Share

Check out my diary entry on deariary #deariary #diary

Your life, automatically written.

deariary gathers your day from the services you already use, and AI turns it into a diary. No writing required — just a daily record you can look back on.

Turn your passing days into your own diary.

Try it free