Портфолио и кейсы фрилансеров по веб-программированию

Сервис для частной организации по оптовой доставке и выкупу товаров из Китая. Моя работа - это основное приложение сайта. Именно непосредственно сервис, личный кабинет, заказы и т.д. Так же заказчик хотел максимально хорошую адаптацию под IPhone, что и было сделано.

IvanPochekin.org — официальный персональный сайт российского скрипача Ивана Почекина. Проект разработан как презентационная web-платформа музыканта с акцентом на профессиональную деятельность, биографическую информацию и медиаматериалы. В проекте реализованы: — индивидуальный визуальный дизайн; — презентация музыканта и его профессиональной деятельности; — тематические информационные разделы; — биографические материалы; — фото- и медиаконтент; — контактная информация; — адаптивная вёрстка; — навигация по основным разделам сайта. Интерфейс выполнен в сдержанной стилистике, соответствующей академическому музыкальному направлению проекта. Стек: JavaScript, HTML5, CSS3.

The Under MATRIX — тематический информационный портал центра «МОТОЯМА». Проект объединяет в единой структуре информационные материалы, тематические разделы, услуги и другие направления экосистемы проекта. В проекте реализованы: — многоуровневая структура разделов; — навигация по тематическим материалам; — информационные и презентационные блоки; — каталог направлений и услуг; — адаптивная вёрстка; — пользовательский интерфейс для desktop и mobile; — единая визуальная стилистика проекта. Сайт построен как крупный тематический портал с возможностью дальнейшего расширения структуры и контента. Стек: PHP, MySQL, JavaScript, HTML5, CSS3.

The Under MATRIX — тематический информационный портал центра «МОТОЯМА». Проект объединяет в единой структуре информационные материалы, тематические разделы, услуги и другие направления экосистемы проекта. В проекте реализованы: — многоуровневая структура разделов; — навигация по тематическим материалам; — информационные и презентационные блоки; — каталог направлений и услуг; — адаптивная вёрстка; — пользовательский интерфейс для desktop и mobile; — единая визуальная стилистика проекта. Сайт построен как крупный тематический портал с возможностью дальнейшего расширения структуры и контента. Стек: PHP, MySQL, JavaScript, HTML5, CSS3.

MUSIC HARMONY — персональный сайт преподавателя музыки, разработанный на React и Next.js. Проект выполнен как современная презентационная web-платформа с акцентом на услуги преподавателя и удобное знакомство с профессиональной информацией. В проекте реализованы: — адаптивный интерфейс для разных устройств; — светлая и тёмная темы оформления; — навигация по основным разделам сайта; — презентация услуг преподавателя; — контактные и информационные блоки; — интерактивные элементы интерфейса; — индивидуальный визуальный стиль проекта. Интерфейс построен в контрастной чёрно-жёлтой стилистике и адаптирован под desktop и mobile. Стек: Next.js, React, JavaScript, HTML5, CSS3.

MUSIC HARMONY — персональный сайт преподавателя музыки, разработанный на React и Next.js. Проект выполнен как современная презентационная web-платформа с акцентом на услуги преподавателя и удобное знакомство с профессиональной информацией. В проекте реализованы: — адаптивный интерфейс для разных устройств; — светлая и тёмная темы оформления; — навигация по основным разделам сайта; — презентация услуг преподавателя; — контактные и информационные блоки; — интерактивные элементы интерфейса; — индивидуальный визуальный стиль проекта. Интерфейс построен в контрастной чёрно-жёлтой стилистике и адаптирован под desktop и mobile. Стек: Next.js, React, JavaScript, HTML5, CSS3.

MOTOYAMA.ONE — персональный сайт и профессиональное IT-портфолио Fullstack-разработчика. Проект объединяет в одном интерфейсе основные профессиональные разделы: — портфолио реализованных web-проектов; — резюме и описание компетенций; — информацию о технологическом стеке; — IT-блог с техническими материалами; — контактную информацию и ссылки на профессиональные ресурсы. Интерфейс выполнен в единой тёмной стилистике с акцентом на web-разработку. Реализованы адаптивная вёрстка, навигация между разделами, каталог проектов и отдельные страницы профессиональной информации. Сайт используется как центральная витрина разработчика: позволяет заказчику или работодателю быстро ознакомиться с опытом, проектами, стеком и направлениями работы. Основной стек: React, Next.js, JavaScript, HTML5, CSS3.

MOTOYAMA.SHOP — многофункциональный интернет-магазин на самописном движке, разработанный для проекта «МОТОЯМА». Магазин включает несколько крупных направлений каталога: — товары для Йоги; — товары для боевых искусств; — товары для Магии, Аюрведы и эзотерики; — издательский дом «МОТОЯМА»; — мастерскую «Изделия на заказ»; — товары для выживания; — товары здорового питания. В рамках проекта реализованы собственная структура интернет-магазина, каталог и карточки товаров, пользовательский интерфейс и серверная логика. Вёрстка выполнена по индивидуальному макету. Проект разработан на PHP и MySQL с использованием HTML5, CSS3 и JavaScript. Интернет-магазин размещён на самостоятельно настроенном Linux-сервере; выполнялись его развёртывание, настройка, сопровождение и последующее обновление. Стек: PHP, MySQL, JavaScript, HTML5, CSS3, Linux.

Я делал конфигуратор цены для B2B (окна / оборудование — состав заказа из опций). Клиент собирает комплектацию, видит цену сразу, менеджер получает готовое КП. Зависимые опции: часть позиций скрывается или становится обязательной. Я написал правила совместимости: «если профиль A — только фурнитура B», наценки за размер вне сетки, опт от количества. Расчёт шёл на бэкенде — чтобы цену нельзя было подменить на клиенте. Я собрал UI: дерево опций, превью состава, итог с НДС и сроком. Я сделал выгрузку коммерческого предложения в PDF и повтор расчёта по сохранённой конфигурации (hash/id). Я подключил заявку в CRM с JSON состава, чтобы менеджер не пересобирал заказ руками. Админка: прайс, правила, курсы. Стек: Django REST Framework, TypeScript, PostgreSQL, Redis, Celery. NDA: производитель не публикуется.

Я делал ипотечный калькулятор для агентства недвижимости: ежемесячный платёж, переплата, график гашения, сравнение двух программ на одном экране. Ставки и лимиты банков подтягиваются из админки, не зашиты в вёрстку. Я реализовал аннуитет и дифференцированный график, досрочное погашение (сокращение срока / платежа), округление копеек так, чтобы сумма графика сходилась с телом кредита. Я закрыл крайние вводы: нулевой взнос, срок вне диапазона банка, ставка 0. Я собрал фронт на TypeScript: живой пересчёт без перезагрузки, график платежей, адаптив под мобильные. Я добавил заявку «рассчитать с менеджером»: параметры калькулятора уходят в CRM вместе с контактом. Я вынес справочник программ (банк, ставка, мин. взнос, макс. срок) в API, кэш на Redis. Стек: Next.js, TypeScript, Python/FastAPI, PostgreSQL, Redis. NDA: агентство и банки в витрине не публикуются как кейс.