над чем я работаю
Проекты
Чем занимаюсь сейчас и над чем работал раньше.
earworm.school
Английский по рок- и метал-песням для тех, кто говорит по-русски. Выбираешь группу, потом песню и либо просто слушаешь, либо начинаешь упражнение. Каждая строка звучит отдельно, и её нужно собрать из перемешанных слов. Неправильное слово не встанет на место, а после трёх промахов подсветится нужное. Когда строка собрана, появляется её перевод. Сайт переведен на русский и английский языки, а группы, песни, строки и переводы я добавляю через собственную админку.
- React 19
- Vite
- Hono
- Bun
- PostgreSQL
- Cloudflare R2
- k3s
ogarich89.com
Собственно, этот сайт. Написан на React с серверным рендерингом, своей дизайн-системой на токенах и отдельным API. Серверную часть и инфраструктуру тоже настраивал сам. В общем, проект прямо перед вами — это то, что вы сейчас читаете.
- React 19
- Fastify
- Hono
- Bun
- k3s
Админка бэк-офиса
Внутренняя панель, в которой офис работает каждый день. Сделана на React и react-admin. Проект не писал с нуля — сейчас постепенно привожу его в порядок: обновляю стек, вычищаю старый и мёртвый код, улучшаю CI/CD и разбираюсь с экранами, которые раньше заметно тормозили.
- React
- react-admin
Генератор лендингов: страница — домен
Генератор лендингов на Next.js: каждая страница может жить на своём домене. При этом кодовая база одна, а сайтов может быть сколько угодно. Не нужно каждый раз поднимать новый проект только ради запуска ещё одного лендинга.
- Next.js
quantpilot.com
Стартап, который мы начали с нуля вместе с командой 3Commas. Я собрал монорепозиторий и продумал архитектуру проекта: API на Nest.js и Prisma, фронтенд на Vite. Дальше настроил весь путь от коммита до production, участвовал в выборе технологий и делал AI-часть — skills, агентов и инструменты, которыми они пользуются.
- TypeScript
- Next.js
- Nest.js
- Prisma
- Vite
- Bun
3commas.io
Платформа для криптотрейдинга и почти пять лет моей жизни. Я отвечал за публичную часть на Next.js и Prismic, а ещё участвовал в большом переносе фронтенда из монолита на Ruby on Rails в отдельное SPA. Сначала всё работало на Webpack, позже переехали на Rspack. За это время занимался практически всем вокруг фронтенда: архитектурой и рендерингом, размером бандла и скоростью загрузки, CSP и security headers, CI/CD и Kubernetes. Настраивал свои правила линтера, Sentry и тестовое покрытие. Типы для API-клиента генерировали из Swagger, а переводы вели через Crowdin.
- React
- Next.js
- TypeScript
- Rspack
- Prismic
- Kubernetes
VTB Digital Banking
Клиентская часть цифрового банка. Фронтенд был разбит на root, platform и namespaces — по сути, отдельные части приложения. Общие библиотеки собирались один раз через DllPlugin в Webpack, а позже вся эта схема постепенно переехала на микрофронтенды. Я занимался архитектурой, адаптивной и кроссбраузерной вёрсткой, писал свои плагины для Webpack и работал над Storybook для библиотеки компонентов.
- Webpack
- Babel
- Storybook
- Microfrontends
Pizza Mafia
Доставка пиццы и ещё один проект на том же подходе. Одно приложение работало и на клиенте, и на сервере. Я занимался сборкой, скоростью загрузки и адаптивной вёрсткой.
- React
- Koa
- Webpack
Сакура
Ещё один проект доставки из тех же лет и на том же стеке. Одно React-приложение рендерилось и на клиенте, и на сервере, сборка была на Webpack и Babel. Я занимался скоростью загрузки, адаптивной и кроссбраузерной вёрсткой — чтобы сайт нормально работал не только в современных браузерах, но и там, чем люди действительно пользовались.
- React
- Koa
- Webpack
Суши Wok
Сеть доставки еды и один из моих первых больших SPA-проектов. Клиент и сервер были написаны на React и Koa, с рендерингом на сервере. Я занимался сборкой на Webpack и Babel, скоростью загрузки, адаптивной и кроссбраузерной вёрсткой, а ещё код-ревью.
- React
- Koa
- Webpack