- Обо мне
-
- Стоимость работы:
- от 10 000 руб. за проект
- Профессиональный опыт:
- более трех лет
- Форма собственности:
- Физ. лицо
- Способы оплаты:
- безналичный расчёт
Участвовал в разработке на всех уровнях и могу самостоятельно сопроводить проект от планирования, конфигурации и выбора технологий до достижения отличного результата. Работал в командах от 3 до 15 человек
В компании использовали GitLab в качестве системы управления репозиториями кода и как автоматизированный DevOps, Jira как тасктрекер. Участвовал в код-ревью и проводил его самостоятельно, а также руководил командой фронтенда в проекте.
Проекты
SenseChain: Децентрализованная платформа для проведения финансовых операций, поиска работы, которые строятся на взаимодействии с внутренней валютой сервиса, большой мультиязычный проект, который был разделён на две части микрофронтенда для иностранного заказчика, одна часть была на Angular с использованием RxJS, а другая на React, я участвовал в разработке обеих частей. Основной стек технологий на проекте: Angular — RxJS, Tayga UI (TUI), i18n. React — Typescript, AntD, RTKQuery, RTK, Axios, i18n. На обеих частях реализовал мультиязычность, среди доступных языков присутствовали семитские языки, так что я адаптировал весь проект для направления right to left. Реализовал новости и на Angular, и на React, новости были двух видов: те, которые запрашивались из Hygraph CMS с помощью GraphQL-запросов и библиотеки Apollo Graph, а также новости из сторонних источников, которые запрашивались с нашего бека с помощью RTK Query на React и HttpClient на Angular. Новости на Angular отображались в сайдбаре и в виде трёх последних новостей на главной странице, первыми необходимо было отображать новости из Hygraph CMS, они могли не прийти вообще, поэтому логика была динамичной. Для новостей, которые приходят с CMS, была создана отдельная страница на React, также на React был реализован полный список новостей. Реализовал функционал кошелька, пополнение, вывод, всего было 4 счёта, депозиты, инвестиции и множество вариантов взаимодействий с ними. В ходе тестирования в проекте из-за плохо заложенной архитектуры были найдены серьезные проблемы с оптимизацией и доступностью, задачу по оптимизации и улучшению доступности поручили мне, я сам провёл анализ, нашёл проблемы, расписал необходимые действия для их решения и улучшил все показатели до 100% с помощью уменьшения размера основного бандла с 3 MB до >400 KB для быстрой загрузки главной страницы и сверстал минимальный скелетон, используя чистый HTML и CSS, настроив его приоритетную загрузку в сборщике для отображения его сразу при заходе юзера на страницу, ленивую подгрузку шрифтов, изображений и всех компонентов (сверстал скелетоны для них), сделал страницу максимально статичной для избежания смещений макета, создал компонент для отображения изображений с автоматической генерацией alt атрибута и заданием размеров компонента до загрузки изображения, настроил сборщик, чтобы исправить работу tree shaking библиотеки компонентов, которую мы использовали, и т. д.
Resumemaker: Проект по созданию и удобному редактированию резюме для своей компании, использовал React, AntD, Typescript, Redux, Axios, RTK Query, Scss, Quill. Сборщик Vite. Функционал: отображение списка созданных резюме с превью, удобные поля для создания резюме с помощью Quill и форм из AntD, многостраничный просмотр резюме, сохранение изменений, возможность скачивания резюме в pdf формате.
Zuzex.com: Проект сайта компании мне была поручена задача переписать логику запросов на бэкенд страпи и написать обработку запросов в самом страпи для возможности отправки REST API запросов вместо GraphQL для оптимизации кодовой базы и сокращения кода, а также придумать новую структуру данных для возможности создания двух типов сущностей страницы в одном компоненте страпи и отображение определенных полей в страпи в зависимости от условия и сверстать новую огромную страницу для отображения обеих типов сущностей. Использовал: Next, Strapi, React Hook Form, GraphQL, Typescript.
OneKIB: проект сбербанка который мониторил активную клиентскую базу, динамику продуктовой корзины Сбера и влияние на CR (количество обращений на активную базу). Проект 6 микрофронтов 5 из которых поддерживали мы, был наполнен легаси и мусорным кодом, легко поддерживал проект, делал задачи, добавлял новые фичи. Использовал React, MUI, Styled Components, Webpack, Typescript
SberAnalytics: проект сбербанка для проведения конкурентного анализа, финансовую оценку рынков и потенциальных покупателей. На проекте исправлял проблемы с безопасностью, реализовал капчу, настроил Webpack и NgIx для вмонтирования динамично генерирующейся переменной nonce в заголовок Content-Security-Policy и файлы скриптов. Прописал CSP для ограничения запросов. Участвовал в переносе проекта с React на Next.js. Использовал React, Next,js, Styled Components, Redux, Redux Thunk, RTK, RTK Query, Typescript
- Отзывы
Нет отзывов