Кирилл Петров

01.03.1981

Несколько лет работал верстальщиком фрилансером. Заказы искал на бирже weblancer.net, в это же время сотрудничал с веб-студией как верстальщик. Верстал макеты из psd файлов, устанавливал плагины на страницы, разрабатывал несложные скрипты. Технологический стек:
- html, css, sass, pug, gulp, javascript

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

В данный момент работаю в Yode.pro на пол-ставки.

Проекты:

Доработка админки по заданию заказчика

Задача состояла в доработке шаблона админки dandelion-pro под требования технического задания. Была реализована авторизация на клиенте на основе JWT, получение данных с сервера и отображение их в виде таблиц с фильтрацией, поиском и пагинацией.

• react, redux, redux-saga
• material ui

Разработка модуля для системы мониторинга буровых вышек

Был разработан модуль для вывода графиков данных получаемых с датчиков буровых вышек. Модуль работает в “живом” и “историческом” режиме. В “живом” режиме данные с датчиков получаются с использованием веб-сокетов. Можно выбрать интервал отображения 1 минута, 10 минут, 30 минут. В “историческом” режиме отображаются данные на выбранный день с интервалом от 10 минут до 24 часов.
Для отображения данных была выбрана библиотека recharts, которая показала слабую производительность при работе с большим количеством точек (проблемы начинались от 20 тысяч точек).
Для наглядного сравнения графиков была реализована возможность открыть от 2 до 6 столбцов, перетащить график из столбца в столбец, поменять цвет и тип графика, отобразить/отключить границы нормы для графиков (если возможно получить с сервера).

• react, react-context, react-hooks
• recharts
• axios
• react-dnd
• ant design, node-sass
• websocket api

Разработка клиентской части сервиса страхования

В разработке. Необходимо объединить несколько API в приложение, дающее возможность оформить ОСАГО. На данный момент в приложении используются API для оформления ОСАГО, который дает возможность после заполнения всех необходимых данных отправить запрос в несколько страховых компаний, получить расчет от компаний и у выбранной компании получить ссылку на оплату. Второй API это Dadata, который дает возможность автодополнения при заполнении адресов. Третий API (в процессе разработки) даст возможность регистрироваться и сохранять платежные реквизиты.
Сложность проекта заключается в большом количестве полей формы, валидатор yup, который был выбран изначально показал низкую производительность при количестве полей больше 15 и динамическом добавлении полей (добавлении водителей в страховку), был заменен на joi. И синхронизации полей между собой (различные варианты оформления страховки: собственник, страхователь, водитель одно или разные лица). Реализовано трехступенчатое оформление полиса.
1. заполнение и валидация необходимых данных
2. получение предложений страховых компаний
3. выбор страховой компании и получение ссылки на оплату

• typescript
• nextjs
• react-hook-form, joi, react-query, axios, date-fns, mobx
• mui, bootstrap