English



Вы можете заказать собеседование со специалистом, оставив заявку на сайте

Алексей П. Front/React.js

Россия, Таганрог

Год рождения
стаж с 2016 года


Node.JS Front/React.js Front/TypeScript React.Native DB/PostgreSQL
Programming Languages:
JavaScript (Es6+), Typescript, HTML/HTML5, CSS/CSS3

Framework/Libraries:
React.js, Redux, Redux Saga, React Hooks, React Router, Material-UI, React-Native, Mobx, jQuery, Underscore, Axios , Moment.js, Lodash, Animate.css, LESS, Stylus, SCSS, PostCSS, Node.js, ExpressJS, Sails.js, Nest.js

Development Tools:
Git, Webpack,
DBMS:
MongoDB, PostgreSQL, Redis

Application Type:
Social Networks, REST

Cloud services:
AWS, Heroku, EC2, s3 bucket

Application/Web Servers:
Nginx, Apache,
Other:
Agile, Responsive Web Development, MVC, Ajax, XML, JSON, SSH, Unix

Образование
ИКТИБ, Таганрог, Россия
Информатика и программное обеспечение автоматических систем, Магистр

Опыт



Проект


NDA #1
Описание Крупный банк для бизнеса. Наша команда занимается разработкой личного кабинета пользователя бизнес - портала для интернет-банка.
Что было сделано
Команда занимается задачами по реализации бизнес - логики, взаимодействием с клиентской частью, представлением и визуальным оформлением полученных данных, исправлением ошибок от предыдущих итераций разработок другими командами.
По мере развития проекта, некоторые его части приходится переписывать полностью. Мы занимались довольно трудоемкими задачами: полным переписыванием логики страницы авторизации и ее редизайном, а также полной переделкой системы уведомлений пользователя.
Технологии JavaScript / Typescript / React.js / Redux


Проект


NDA #2
Описание Проект предназначен для «Российского экспортного центра» (РЭЦ) - государственного института поддержки несырьевого экспорта, предоставляющего российским экспортерам широкий спектр финансовых и нефинансовых мер поддержки. Данный проект предполагает создание информационной системы, обеспечивающей взаимодействие участников внешнеэкономической деятельности и субъектов международной торговли с органами государственной власти, в том числе с контролирующими органами, и иными организациями в электронной форме по принципу «одного окна» на базе цифровой платформы Заказчика и информационной системы «Реестр экспортеров», обеспечивающей в том числе обработку документов и сведений, получаемых от органов государственной власти и организаций, сбор статистики, мониторинг и оценку деятельности организаций, поиск и формирование предложений для экспортеров, связанных с осуществлением ими внешнеэкономической деятельности, а также анализ барьеров на внешних рынках. Над созданием системы работают несколько команд (разные фирмы).«Одно окно» позволит экспортерам сформировать свой цифровой профиль, круглосуточно подавать заявки на предоставление услуг, получить доступ к аналитике, квалифицированную поддержку специалистов по различным аспектам.
Что было сделано
Одной из частей этой системы является Единый личный кабинет, над которым ведется работа. Единый личный кабинет (далее - ЕЛК) - это единая точка предоставления всего спектра услуг органов государственной власти, услуг РЭЦ и иных организаций в сфере внешнеэкономической деятельности и международной торговли.
ЕЛК должен обеспечивать:
1. Регистрацию и авторизацию Экспортеров, в том числе посредством ЕСИА и ЭП.
2. Доступ к Цифровому профилю экспортера в Подсистеме MDM, в которой должно быть реализовано сохранение сведений и обеспечена возможность их последующего использования в ходе получения сервисов ИС «Одно окно».
3. Доступ к Каталогу услуг.
4. Доступ к списку мероприятий, полезных для осуществления ВЭД и способствующих росту экспорта.
5. Выбор и оформление необходимых услуг органов государственной власти, услуг РЭЦ и иных организаций.
6. Заполнение форм/заявлений/анкет, в том числе загрузку необходимых документов для оказания услуг и сервисов.
7. Вызов функций подписания заявления и/или документов ЭП, а также функций проверки валидности, квалифицированности ЭП и неотозванности сертификата ключа проверки ЭП (разработка функций формирования и/или проверки ЭП выходит за рамки работ, предусмотренных настоящим ТЗ).
8. Взаимодействие Экспортеров посредством веб-чата с сотрудниками РЭЦ или сотрудниками Аккредитованных партнеров РЭЦ, отвечающими за коммуникации с Экспортерами (далее - Операторы).
9. Онлайн-консультации Экспортеров посредством чат-ботов.
10. Предоставление информации о статусе и сроках исполнения услуг.
11. Автоматическое информирование Экспортера посредством различных каналов коммуникаций (включая СМС, email, пуш уведомления, предупреждения в ЕЛК) об изменении статуса оказания услуги, наличия информационных сообщений от Оператора, напоминания о необходимых действиях со стороны Экспортера, о мероприятиях, маркетинговых и иных информационных сообщениях.
12. Получение обратной связи от Экспортера, в том числе в части, касающейся предоставления услуг, включая оценку качества оказанных услуг, прохождение опросов и направление претензий.
Технологии Javascript / React.js / Redux / Redux-Saga / PostgreSQL / Joi / React-Router / Moment.js / Prop-types / Classnames / Nginx / Graylog / DRF / Ember.js / Docker / Kubernetes Интеграции: Yandex metrica / Google analytics


Проект


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

Что было сделано
В рамках проекта было выполнено несколько объемных задач:
1. с использованием сервиса keen.io и echarts была создана аналитическая система, отображающая данные о посетителях: время и место прочтения, пол, примерный возраст, локацию и т. д.;
2. на основе Getty Images API была произведена интеграция системы поиска в хранилище изображений Getty Images в браузерный текстовый редактор
TineEditor, система поиска поддерживала разграничение доступа между разными пользователями и поддерживала возможность ограничения количества используемых изображений.
Каждое найденное изображение вставлялось в текстовый редактор в низком разрешении, после подтверждения статьи, все изображения можно скачать в HD качестве из Getty Images на удаленный S3 сервер.
Технологии Javascript / React.js / Node.js / PostgreSQL Интеграции: Heroku / AWS S3 / Payment Systems / Socket.io / complex data through APIs


Проект


Shypple
Описание Цель проекта - предоставить клиентам голландской логистической компании возможность быстро и удобно отслеживать доставку грузов по морю за рубеж. Решением этой задачи стал сервис Shypple, который позволяет легко искать, сравнивать, заказывать и управлять зарубежными вариантами доставки. Также система дает возможность более глубокого понимания стоимости доставки. У пользователей есть возможность:- выбирать потенциальных исполнителей;- искать и сравнивать варианты доставки;- отслеживать статус транспортировки груза;- заполнять всю необходимую документацию online;- вести переписку по каждому отдельному заказу c исполнителем.

Что было сделано
Front-end часть web-приложения разработана с использованием Typescript + React.js, для back-end используется Ruby on Rails + PostgreSQL. Сервис представляет собой одностраничное приложение (SPA). Еще одной задачей была реализация маркетингового сайта с основной информацией о компании, для решения данной задачи выбрана популярная CMS Wordpress 4.9.8. Добавлена тема, основанная на HTML5Blank Theme (http://html5blank.com/), которая сочетает в себе современные возможности HTML5, Bootstrap сетку, простоту и лёгкость кода, а также использует систему сборки Gulp для быстрого и безопасного создания сценариев и стилей. Кроме того, тема предусматривает более удобный механизм добавления собственных шаблонов для отдельных страниц, сочетающая в себе унифицированный каркас страницы, заточенный под дизайнерское оформление сайта и возможности pagebuilder от SiteOrigin.Для реализации некоторых специфичных задач добавлены собственные виджеты (например, Shypple Smart Tabs, позволяющий сочетать слайдер с контроллерами управления в виде tab-переключателей) с возможностью редактирования данных/контента через панель администратора.Для обеспечения большей безопасности переопределен стандартный URL адрес для панели администратора, а также для всех форм сайта добавлена reCaptcha.Для сервиса мы реализовали:- поиск и подбор подрядчиков;- трекинг локации груза на карте;- подключение дрифт-чата для каждого заказа;- подготовку сопроводительных документов;- маркетинговый вебсайт.
Технологии : JavaScript / Typescript / React.js / Ruby on Rails / PostgreSQL / PHP / WordPress 5 Интеграции: AWS EC2


Проект


Think Empire
Описание Платформа для бизнеса недвижимости. Портал позволяет собирать данные с различных сайтов, обмениваться сообщениями во встроенном мессенджере, а также производить поиск зданий, людей, сделок по нескольким категориям.
Что было сделано
Основную работу проделали с разделом карт и встроенным мессенджером. Карта дает возможность осуществлять поиск по фильтрам, просматривать расширенные данные по зданиям, включая владельцев, последние совершенные продажи, сохранять здания в списки, которыми можно поделиться с командой, компанией или отправить конкретному пользователю через встроенный мессенджер, электронную почту, смс. Платформа позволяет отметить необходимые свойства для продажи и установить статус вашей работы с выбранным зданием. Для сообщений в реальном времени использовали сокеты. Также оптимизировали производительность, несмотря на высокую нагрузку БД (более 6 млн. записей только для Нью-Йорка).
Технологии Javascript / React.js / Redux / MySQL Интеграции: Heroku / AWS / EC2 / AWS S3 / Google maps / Socket.io / Complex data through APIs


Проект


Checkass
Описание Сервис по просмотру видео, где пользователи могут смотреть видео, которые загрузили другие пользователи. Для загрузки видео необходимо зарегистрироваться. У каждого пользователя есть личный кабинет, с возможностью редактирования полей и аватарки. В личном кабинете есть возможность загрузки видео, а также список личных загруженных видео. На главной странице, на фоне проигрывается последнее загруженное видео, а ниже есть карусель, которая содержит последние 20 загруженных видео, при клике на них отправляет на страницу просмотра. Также есть страница со всеми видео, которую видят все пользователи (зарегистрированные и гости). На странице с видео есть пагинация и фильтрация.
Что было сделано
На фронтенде использовался React.js + Redux, а на бекенде Node.js + Express.js. Нами была преодолена трудность, связанная с загрузкой сайта, так как главная страница содержала проигрывание видео на фоне, а ниже появлялась карусель с видео. Данная страница долго прогружалась в браузере, и проблема состояла в том, что при первой загрузке сайта не все компоненты подгружались, а только те, которые будут видны, остальные подгружались при скроле на них. На бекенде главными фичами, которые мы внедрили являются: загрузка видео на сторонний бакет, который возвращал ссылку на видео в БД, настройка фильтров и пагинация.
Технологии JavaScript / React.js / Redux / Node.js / Express.js