К содержанию
id0.it Interface Collection

Продуктовые интерфейсы · клиент · сервер

Фулстек-разработчик и системный архитектор

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

  1. Концепция

    Определяю задачу, структуру страниц и основные пользовательские сценарии.

  2. Код

    Собираю интерфейс и серверную часть на подходящем для проекта стеке.

  3. Запуск

    Проверяю результат, настраиваю окружение и развёртываю проект на сервере.

Проекты

Связи проектов

Смотрите, какие технологии и продуктовые возможности связывают проекты.

  1. 01 / Проект Interface Collection
    Технология
    • Astro
    • Vue
    • TypeScript
    Возможность
    • Каталог
  2. 02 / Проект Promo CMS
    Технология
    • Astro
    • Vue
    • TypeScript
    Возможность
    • Управление контентом
    • Управление гостями
    • Сбор ответов
  3. 03 / Проект Technell
    Технология
    • Nuxt
    • Vue
    • TypeScript
    • Pinia
    • Directus
    Возможность
    • Приём платежей
    • Интернет-магазин
    • Каталог
  4. 04 / Проект Atlas North
    Технология
    • Astro
    • TypeScript
    Возможность
    • Каталог
  5. 05 / Проект Aster Ridge
    Технология
    • Astro
    • Vue
    • TypeScript
    • Elysia
    Возможность
    • Каталог
  6. 06 / Проект Lumen Field
    Технология
    • Next.js
    • React
    • TypeScript
    • Base UI
  7. 07 / Проект Pulse Grid
    Технология
    • Nuxt
    • Vue
    • TypeScript
    • Nuxt UI
    • Pinia
    • Pinia Colada
    • FeathersJS
    Возможность
    • Чат
  8. 08 / Проект Table Stories
    Технология
    • Nuxt
    • Vue
    • TypeScript
    • Nuxt UI
    Возможность
    • Каталог
  1. Основной сценарий

    Сравните проекты по задаче, основному сценарию и стеку; затем откройте подробное описание или работающий сайт, если он опубликован отдельно.

    Технологии

    • Astro
    • Vue
    • TypeScript

    Возможности

    • Каталог
  2. Основной сценарий

    Редактируйте заданные блоки прямо на странице, оформляйте основной текст, фиксируйте приглашения и просматривайте ответы гостей. Три свадебных сайта показывают два управляемых сценария и один намеренно статичный вариант.

    Технологии

    • Astro
    • Vue
    • TypeScript

    Возможности

    • Управление контентом
    • Управление гостями
    • Сбор ответов
  3. Основной сценарий

    Магазин помогает сравнить модели по характеристикам и инструкциям, выбрать доставку, оплатить заказ через Т-Банк и открыть его в личном кабинете.

    Технологии

    • Nuxt
    • Vue
    • TypeScript
    • Pinia
    • Directus

    Возможности

    • Приём платежей
    • Интернет-магазин
    • Каталог
  4. Основной сценарий

    Подберите поездку по региону, сезону, нагрузке и длительности, сравните даты, изучите маршрут и отправьте заявку на выбранный заезд.

    Технологии

    • Astro
    • TypeScript

    Возможности

    • Каталог
  5. Основной сценарий

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

    Технологии

    • Next.js
    • React
    • TypeScript
    • Base UI
  6. Основной сценарий

    Создайте комнату на 60 минут или войдите по сгенерированному шестизначному коду, чтобы вместе смотреть эфир, общаться, отправлять изображения, видеть отметки о прочтении и провести розыгрыш.

    Технологии

    • Nuxt
    • Vue
    • TypeScript
    • Nuxt UI
    • Pinia
    • Pinia Colada
    • FeathersJS

    Возможности

    • Чат
  7. Основной сценарий

    Подберите мастер-класс, сравните даты, укажите число участников и пожелания по питанию, проверьте свободные места и итоговую цену, затем отправьте заявку.

    Технологии

    • Nuxt
    • Vue
    • TypeScript
    • Nuxt UI

    Возможности

    • Каталог

Зона ответственности

Компетенции: продукт, интерфейс, архитектура, разработка и команда.

Отвечаю за задачу, интерфейс, клиентскую и серверную части, стандарты разработки, работу команды и выпуск. ИИ — часть этого инженерного процесса.

  1. Продукт и первая версия
  2. Интерфейс и архитектура приложения
  3. Качество и техническое руководство
  4. ИИ в инженерной работе
Посмотреть компетенции