Алексей Пудочев

Frontend разработчик

Опыт менторства

Проведение технических собеседований

Высокая производительность

fast_load

Чистый код

<ul>

<li>Семантичный Html</li>

<li>Современный стек</li>

<li>Применение автотестов</li>

</ul>

Понимание алгоритмов

Проекты

Подборка моих работ

react, three.js

flexiligner

cover of project

ПО для стоматологических клиник

Участвовал в разработке и поддержке программного обеспечения для ортодонтического лечения «MicroMove» в составе крупной продуктовой команды компании ООО «Флексисофт».

Пример 3D графики:

compressed.jpg

  • Придумал, разработал и внедрил функционал, который стал ключевым конкурентным преимуществом компании, увеличив продажи на 12% и значительно улучшив пользовательский опыт
  • Проводил code review, обеспечивая высокие стандарты кода и оптимизацию производительности команды
  • Разрабатывал код на three.js для 3D части приложения

Без имени-1.jpg Приложение используется более чем в 1600 клиниках и ежедневно обслуживает тысячи пользователей. Компания занимает лидирующие позиции на рынке элайнеров, а разработанный продукт успешно выдерживает высокие нагрузки.

react, mapbox

make.solar

cover of project

Стартап в сфере зеленой энергетики

  • Руководил командой из 5 разработчиков в рамках стартапа в Люксембурге, начав проект с нуля
  • Участвовал в подаче заявки на грант от правительства Люксембурга
  • Проводил технические собеседования с Junior и Middle-разработчиками для расширения команды.
  • Занимался онбордингом новых сотрудников, обеспечивая их быстрое погружение в проект
  • Организовал взаимодействие со стейкхолдером для выяснения и уточнения требований к продукту
  • Разработал с нуля frontend-часть сервиса для проектирования систем солнечных батарей с использованием картографических сервисов
  • В сотрудничестве с дизайнером разработал дизайн-макеты в Figma и усовершенствовал UI/UX, обеспечив интуитивно понятный интерфейс

Также задачи включали работу с Canvas и Mapbox, интеграцию Stripe, генерацию PDF-документов, разработку алгоритмов для вычисления мощности системы с учетом освещенности каждого участка крыши

Страница со списком проектов:

Снимок экрана 2024-11-19 в 18.50.03.png

Работа с картой:

Снимок экрана 2024-11-19 в 19.00.01.png

PDF отчет

Снимок экрана 2024-11-19 в 19.04.19.png

Снимок экрана 2024-11-19 в 19.01.38.png

react, webRTC, mobX

networking app

cover of project

Веб-приложение для профессионального нетворкинга

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

Приложение создавала большая команда, работа велась по Agile.

Итогом моей работы стал следующий функционал:

  • Авторизация пользователя через Facebook
  • Регистрация на созвон-сессию
  • Мэтчинг пользователей по парам после начала сессии. С помощью протокола webRTC устанавливается peer-to-peer соединение, через которое передаются звук и видео
  • Смена пар с периодичностью 3 мин. Если созвон был успешный (оба пользователя лайкнули друг друга), контакты сохраняются для дальнейшей связи.


Также в мои задачи входило проведение code review

next.js, google sheets, vkid

event agency

cover of project

Фулстек веб-приложение для event-агентства. Создано на фреймворке next.js.

Посмотреть

На сайте реализована авторизация через VK ID. Сохраняется безопасность данных благодаря получению токенов, проверке на валидность и регулярному обновлению. Этот функционал реализован по стандарту oauth2.

LyXUafETXDY.png

Из сообщества агентства в VK с помощью API ВКонтакте происходит автоматическая выгрузка фотографий на сайт под каждое из мероприятий. Для этого используется токен авторизованного пользователя или сервисный токен приложения.

Данные пользователя при регистрации на мероприятие отправляются в Google таблицу. Такой инструмент был выбран для минимизации стоимости содержания сайта и упрощения взаимодействия с базой данных.

Для анализа конверсии и посещаемости сайта была добавлена Яндекс Метрика.

Была создана система QR-кодов, по которым осуществляется проход на мероприятие. Дополнительно реализована возможность добавления этих QR-кодов в Apple Wallet.

Статистика

У сайта 1700+ уникальных пользователей в неделю. За два мероприятия сайт принес организации порядка 5 млн рублей metrika.jpg

ant.design, react, airtable

tamam

cover of project

Cервис для заказа одежды из Турции

После событий 2022 года стало сложнее заказывать одежду. Задача состояла в том, чтобы оперативно собрать mvp продукта, оптимизирующего работу байеров.

User flow

Для начала нужно выбрать магазин из предложенных image.png

Далее нужно вставить ссылку на желаемый товар. Я написал парсер, работающий на стороне клиента для получения информации о товаре. image.png Теперь остается только ввести желаемый размер и цвет.

После добавления товара в корзину в виджете CDEK'a можно выбрать желаемый пункт выдачи заказа image.png

Финальный шаг оформления заказа – ввод контактных данных и оплата по CБП. При имплементации оплаты был использован API Точка банка. image.png

Новый заказ попадает в airtable — low-code решение, позволяющее сэкономить на бэкенде. Кроме того, airtable выполняет функции CRM с возможностью автоматизации бизнес-логики по обработке заказов.

image.png

next.js, tailwind css, graphcms

catalyst

cover of project

Сайт для консалтингового агентства

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

Посмотреть

Наполняется заказчиком

Дизайн

Перед мной стояла задача сделать дизайн одновременно современным и строгим. Одним из последних трендов является glassmorphism.

1_neYOcbYpPcvHoX0leSjH7w.png

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

pallette.jpg

Разработка

Чтобы достичь высоких показателей в метрике Google Lighthouse, я выбрал фреймворк next.js. Он позволяет реализовать статическую генерацию (SSG), то есть при изменении контента происходит сборка, которая преобразует js код в html. Благодаря этому достигается высокая скорость загрузки, но содержимое обновляется достаточно медленно, так как нужно дождаться полной сборки проекта. Для данного кейса такой подход максимально релевантен, так как контент меняется не часто.

Group 38.jpg

Бэкенд

Next.js также предоставляет возможность писать серверную логику прямо в клиенте. В отличие от больших проектов для Catalyst такой подход уместен. В проекте эта функция была использована при написании api для отправки заявки на электронную почту.

Управление контентом

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

Screenshot 2022-06-20 191153.png