Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.
Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
- Обо мне
-
- Стоимость работы:
- от 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
- Отзывы
Нет отзывов