Портфолио и кейсы фрилансеров по созданию скриптов

Altair Kids — это современный сайт-каталог детской одежды. На сайте пользователь может: просматривать каталог товаров; открывать карточку товара; просматривать информацию о товаре; узнавать информацию о магазине; находить контактную информацию; связаться с магазином через WhatsApp. ✨ Основные возможности Каталог товаров Товары хранятся в базе данных Supabase и динамически загружаются на сайт. Для каждого товара могут храниться: название; описание; цена; изображение; категория/теги; дополнительная информация. Добавление и изменение товаров производится непосредственно через Supabase, поэтому для обновления каталога не требуется изменять код сайта. 🛠 Технологии Frontend Next.js React TypeScript Tailwind CSS shadcn/ui Radix UI Remix Icon Backend / Database Supabase PostgreSQL Supabase используется для хранения информации о товарах и получения данных на сайте.

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

Отчёт строился больше 18 секунд, и пользователи считали, что он завис. Причина оказалась не в объёме данных: миллион строк обрабатывался по одной в цикле. Переписал на обработку колонки целиком — тот же результат, те же итоговые суммы, замер на тех же данных. Стало 0,009 секунды. Это не оптимизация «на глаз»: до и после я меряю одним и тем же прогоном и показываю обе цифры.

Приложение на несколько детей сразу: рост и вес против норм ВОЗ, речь, сон, прикорм, прививки, навыки и вехи развития. Графики, напоминания, версия для печати к приёму у врача. Самая объёмная из моих работ — десять связанных разделов. Показываю её как пример того, что структура выдерживает рост: когда разделов десять, а не два, решает уже не вёрстка, а навигация и общая логика хранения. Иначе приложение рассыпается на десятый экран, и дальше каждая правка ломает соседнее. Отдельная часть работы — таблицы норм ВОЗ и пересчёт под возраст ребёнка в днях. Это та же работа с данными, что и в прайс-листах: сверить, привести к одному формату, не потерять по дороге. Данные хранятся на устройстве и никуда не передаются.

Пять групп вычетов со ссылками на статьи Налогового кодекса: стандартные, социальные, имущественные, инвестиционные, профессиональные. Главное отличие от типовых калькуляторов — показывает расчёт по шагам, а не только итоговую сумму. Человек видит, из чего получилось число, и может проверить его сам. Для инструмента, который говорит о деньгах, это обязательное условие доверия: непрозрачной цифре не верят и идут пересчитывать в другое место. Это пример того, как я делаю расчётные интерфейсы: сложное правило разбирается на шаги, каждый шаг подписан, у каждой цифры есть основание со ссылкой на первоисточник. Такая же логика годится для любых калькуляторов на сайт — стоимости, доставки, рассрочки, окупаемости.

Инструмент разбирает список операций по счетам и считает то, что обычно считают руками в Excel: чистый денежный поток, обороты по контрагентам, долю фонда оплаты труда и налоговую нагрузку. Дальше подсказывает, что проверить: дебиторка старше 90 дней, непокрытые авансы, отсутствующие акты сверки. То есть отвечает не только «сколько», но и «что с этим делать». Сделан из своей практики. Четырнадцать лет я вёл собственное дело и считал его экономику сам — 180 контрагентов, себестоимость, налоговый учёт, требования ФНС. Поэтому инструмент отвечает на вопрос «где деньги и что с ними не так», а не рисует красивые графики. Данные обрабатываются прямо в браузере и никуда не отправляются — с банковской выпиской это принципиально.

Токены цвета и типографики, семантика поверхностей и сигналов, сетка на базе 4 px, библиотека из 24 компонентов с живыми примерами — кнопки, поля, таблицы, карточки, метки состояний. Собиралась под конкретный интерфейс, а не «на будущее»: каждый компонент появился из экрана, где он реально понадобился. Поэтому система не разошлась с продуктом, как это обычно бывает через полгода. Такая работа нужна там, где над интерфейсом работает больше одного человека или где экранов становится больше десятка. Без общих токенов каждый следующий экран отличается от предыдущего оттенком, отступом и размером шрифта — и переделывать приходится всё сразу. Открывается по ссылке: можно посмотреть все компоненты в деле, с примерами кода.

Шестнадцать страниц: подход, сессия, сферы работы, стоимость, отзывы, FAQ, контакты и блог из трёх статей. SEO-часть сделана целиком, а не «прописаны теги»: sitemap.xml, robots.txt, микроразметка Person, свои title и description у каждой страницы, политика конфиденциальности и оформленная страница 404. Вёрстка ручная, без конструктора. Сайт грузится быстро, правится текстом и не зависит от платного тарифа платформы — заказчик не платит абонентскую плату за то, что страница просто открывается. В портфолио открывается копия без личных данных: телефон и почта убраны, кнопки связи не работают, страницы закрыты от индексации. Показывается с согласия владельца сайта.

Рабочий экран системы, которая собирает заказы с пяти площадок и отсеивает неподходящие. На обложке настоящее состояние базы: 4495 записей, 1326 прошли отбор, 3169 отсеяны, и у каждого отсева указана причина. Слева лента заказов с баллом и меткой решения, справа разбор «почему такой балл»: совпадение по профилю, бюджет относительно порога, возраст заказа. Плюс поиск, фильтры по времени и реестр работ. Задача была не «нарисовать дашборд», а сократить путь до решения: человек открывает экран и за пять секунд видит, что брать. Поэтому причина отсева показана у каждой записи — без неё фильтру не веришь и всё равно проверяешь руками. Внутри чистый HTML, CSS и JavaScript без фреймворков, 50 КБ одним файлом, открывается мгновенно. Данные подставляются из выгрузки SQLite. Собственный проект: этой системой я пользуюсь сам каждый день. Работа открывается по ссылке — можно потыкать фильтры и поиск.

Целевая аудитория: DevOps-инженеры, разработчики и системные администраторы, работающие в Windows-среде с большим количеством проектов, расположенных в одной родительской папке. Скрипты решают проблемы «замусоривания» локальных копий некоммитнутыми изменениями, а также необходимость гарантированно обновить все репозитории до актуального состояния — особенно актуально для CI/CD-агентов и команд с множеством микросервисов. Что делают скрипты: - CleanLocalChanges.ps1 – полностью очищает локальное состояние каждого репозитория. - Update-GitRepos.ps1 – обновляет каждый репозиторий из удалённого репозитория (git pull), показывает, где были изменения, а где уже актуально.