buv

ЭталонТрансСервис. Западная Сибирь.

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

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

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

Разработка:
Проект начался с реализации на Django и SQLite3, но через 3 месяца было принято решение перейти на React и MongoDB. Я полностью переписал серверную часть, разбил логику на React-компоненты, добавил хуки, коллбэки и использовал нужные React-пакеты. Также внедрил авторизацию и эндпоинты для работы с данными из MongoDB и настроил процесс поддержания работы сервера через менеджер pm2, чтобы сайт мог постоянно делать HTTP-запросы на хостинге.

Логика админ-панели:
Теперь при переходе на /admin пользователь попадает на страницу авторизации. После успешного входа с логином и паролем админ получает доступ к MongoDB Compass, где может редактировать данные напрямую. Спустя 5 секунд после входа окно админки автоматически закрывается, так как в дальнейшем оно уже не нужно.

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

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

Верстка сайта по макету Итана Суэро (дизайнера с 2 номинациями на Awwwards и 12 наградами CSS Design Awards в категориях UI, UX, Special Kudos и Innovation)

Технологии и подходы:

Особенности проекта:

body { font-size: 1vw }

.title font-size: 1.3em;

Результат:
Сайт полностью соответствует макету, является адаптивным и демонстрирует современный подход к разработке. Проект показывает навыки работы с дизайном высокого уровня и уверенное владение инструментами фронтенд-разработки.

ЖК Эрмитаж, Краснодар

Этот проект был выполнен в качестве тестового задания для веб-студии PIXEL2 на позицию верстальщика. Хотя я сразу отказался от предложения, поскольку моя специализация — frontend/fullstack разработка на React, а не верстка, я решил принять вызов. Задача была интересной: сверстать проект, используя исключительно HTML, SCSS, и React (hooks), без сторонних плагинов, виджетов и анимационных фреймворков, как это часто делают многие студии.

Что было реализовано:

• Адаптивная верстка на SCSS.
• React-компоненты с hooks, без лишней сложности.
• Авторские анимации без сторонних библиотек.

Этот проект — пример моего профессионального подхода и универсальности. Я успешно решил задачу, обычно выходящую за рамки моей роли как React-разработчика, и продемонстрировал, что могу создавать качественные и оптимизированные интерфейсы с использованием современных технологий.

Алейдавиа: сайт авиалиний ХМАО-Югра — полная имитация цикла покупки авиабилетов

Проект "Алейдавиа" — пример полного цикла разработки: от идеи до готового продукта. Это не только демонстрация технических навыков, но и реализация идеи, которая улучшает взаимодействие пользователя с авиасервисами.

Ориентация на локальный рынок ХМАО подчёркивает внимание к региональным потребностям. Симуляция полного процесса — от покупки билета до регистрации через QR-код — демонстрирует, как современные технологии могут преобразить пользовательский опыт.

Особенности проекта:

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

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

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