Назад к проектам
В разработкеNext.jsReactTypeScriptTailwind CSSPrismaPostgreSQLZustandRadix UIVitest2026

WEB To-Do List

Приложение для задач на Next.js 16, React 19 и TypeScript. Данные через Prisma и PostgreSQL; состояние — Zustand; доступные компоненты — Radix UI; стили Tailwind CSS 4 со светлой и тёмной темой. Входящие, «Сегодня» и «Далее», выполненные задачи, поиск, фильтры и метки, модальные окна, боковая панель. Тесты на Vitest и Testing Library. Образовательный проект.

Смотреть демоСмотреть код
WEB To-Do List — vista previa

Чему я научился

  • Сквозная персистентность: Prisma + PostgreSQL в Next.js (миграции, seed, npm-скрипты)
  • Zustand vs Redux: лёгкое клиентское состояние и кэш UI
  • Доступные модалки и контролы на примитивах Radix UI
  • Vitest, Testing Library и jsdom для компонентов и экранов
  • Светлая/тёмная тема и согласованные токены Tailwind 4

Технические детали

  • •Next.js 16 (App Router), React 19, TypeScript
  • •Prisma 7, @prisma/adapter-pg и драйвер pg → PostgreSQL
  • •Zustand
  • •Radix UI и sonner для тостов
  • •Tailwind CSS 4, class-variance-authority, tailwind-merge, clsx
  • •Vitest 4, @vitest/coverage-v8, Testing Library, jsdom
  • •Скрипты Prisma: db:push, db:migrate, db:seed