Десктоп, Android и веб: от схемы данных до боевого домена.

Архитектура хранения, интерфейс на Qt, сбор данных через WinAPI

Трекер экранного времени, который считает по окну в фокусе, а не по списку процессов. Время складывается в почасовые корзины «приложение + день + час», поэтому за год база остаётся в тысячах строк, а любой график собирается одним запросом.

1

запрос на любой график

тыс.

строк в базе за год вместо миллионов

0

обращений в сеть

• Python
• PySide6 / Qt 6
• SQLite
• WinAPI

Перенос модели данных на Kotlin, экраны на Compose, фоновая синхронизация

Мобильная версия трекера с той же моделью данных и теми же графиками. Вместо собственной службы опроса читает системный журнал через UsageStatsManager, а фоновая задача раз в три часа переносит события в свою базу, пока система их не удалила.

3 ч

шаг фоновой выгрузки

1

модель данных на две платформы

• Kotlin
• Jetpack Compose
• SQLite
• WorkManager

Дизайн и вёрстка с нуля, металлическая типографика, интеграция карт

Второй подход к той же задаче в противоположной эстетике: обсидиан, платина, матовые панели с волосяной гранью и ни одной общей детали с предыдущим магазином. Заголовок залит металлическим градиентом через background-clip, блик ходит за курсором, а виджет Яндекс.Карт перекрашен инверсией с поворотом тона, чтобы сесть в тёмную палитру.

2

эстетики на одну задачу

0

общих деталей с первым магазином

• Next.js 15
• TypeScript
• CSS Modules

Вёрстка, дым на холсте, восстановление состояний до первой отрисовки

Вейп-шоп с подтверждением возраста, куки-баром и сменой тем: все три состояния восстанавливает инлайновый скрипт в head до первой отрисовки, поэтому окно 18+ не мигает тому, кто его уже закрыл. Дым на первом экране это холст с частицами: клуб рисуется шумом в четыре октавы один раз в офскрин и дальше только копируется, иначе сорок градиентов за кадр съедают весь бюджет.

4

октавы шума в спрайте дыма

1

отрисовка клуба вместо сорока за кадр

• Next.js 15
• TypeScript
• Canvas
• CSS Modules

Витрина, фильтры, корзина и оформление без серверной части

Пекарня с витриной на двадцать восемь позиций: поиск по составу, фильтры, конструктор комбо, корзина и оформление самовывоза, и всё это без единого серверного обработчика. Вечерняя скидка включается по часам покупателя, поэтому первый рендер отдаёт стабильную цену, а реальную подставляет уже клиент, иначе разметка сервера и браузера расходятся.

28

позиций в витрине

0

серверных обработчиков

• Next.js 15
• TypeScript
• CSS Modules

Две языковые версии, режим для слабовидящих, прайс аккордеоном

Стоматология на две языковые версии и с режимом для слабовидящих: кегль, палитра и анимации переключаются одним атрибутом на html, без второй сборки и без перезагрузки. Прайс собран аккордеоном, но состояние хранит список свёрнутых разделов, а не открытых: с обратной моделью второй клик схлопывал всё разом и вернуть было нечем.

2

языковые версии из одной сборки

1

атрибут переключает весь режим доступности

• Next.js 15
• TypeScript
• CSS Modules

Загрузка и склейка дорожек, свои виджеты, встроенный проигрыватель

Загрузчик до 2160p60: видео и звук на YouTube лежат раздельно, и всё выше 360p требует склейки через ffmpeg, который программа находит сама. Предпросмотр работает через локальный сервер на 127.0.0.1: прямое открытие embed YouTube отклоняет ошибкой 153.

2160p60

потолок загрузки

1

exe на чистой системе

• Python
• wxPython
• yt-dlp
• ffmpeg

Дизайн, вёрстка, политика безопасности, деплой

Статический лендинг: страница собирается на этапе сборки и отдаётся с CDN, серверных обработчиков и форм нет. Ни одного обращения к стороннему домену: шрифты вшиты через next/font, поэтому политика безопасности начинается с default-src 'none'.

0

запросов на сторонние домены

none

значение default-src в политике

• Next.js 15
• TypeScript
• CSS Modules