English



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

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

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

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


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

Frameworks/Libraries:
React.js, Redux, Redux Saga, Redux-Thunk, React Hooks, React, Router, React-Native, Material-UI, Underscore, Axios , Lodash, - Mobx, Node.js, ExpressJS, SASS(SCSS), LESS, Animate.css, Angular 2+, rxjs, Moment.js , Bootstrap, Stylus, PostCSS, Socket.io,

DBMS:
MongoDB, Redis, PostgreSQL

Other:
Agile, Responsive Web Development, MVC, Ajax, XML, JSON, SSH
Adaptive Web, Unix

Development Tools:
Git, Webpack , CSS modules, Cloud services, AWS, Heroku, EC2, s3 bucket, Google Cloud Platform, Google Maps

Application/Web Servers:
Nginx, Apache

Application Type:
Social Networks, REST

Образование:
Факультет информационной безопасности, Магистр
Южный федеральный Университет, Таганрог, Россия

Опыт



Проект


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


Проект


Unelmista
Описание Приложение для благотворительной организации SOS Lapsikyl?.Unelmista.fi - платформа, которая помогает семьям сплотиться, предоставляет поддержку детям и подросткам в сложных жизненных ситуациях, позволяя каждому ребенку школьного возраста иметь хобби.Организация позволяет малоимущим семьям получить финансовую поддержку для самореализации ребенка. Сайт объединяет тех, кто нуждается в материальной помощи и заинтересован в том, чтобы у детей было свое увлечение.
Что было сделано
Наша команда покрывала все фронтенд задачи на проекте: авторизация, аутентификация доноров и нуждающихся клиентов, восстановление доступа через E-mail.
Подсистема для нуждающихся:
• просмотр списка доступных хобби/активностей, отображение детальной информации о хобби;
• подача заявки на помощь;
• просмотр списка заявок;
• добавление документов для подтверждения заявки на запрос денежных средств. Подсистема для доноров:
• выбор региона для внесения пожертвования, отображения карты Финляндии с метками выбранного региона;
• выбор активности для пожертвования;
• выбор суммы пожертвования и типа пожертвования (одиночное или регулярное);
• введение реквизитов счета через Payment-highway;
• отображение списка пожертвований, отображение и деактивация активных регулярных пожертвований.
Адаптивная верстка: отображение новостей, хранящихся на Wordpress портале организации, парсинг ссылок для перехода.
В процессе разработки мобильной верстки возникали трудности с ключевыми элементами background-изображения, которые были решены настройкой цветовой фильтрации приходящих с сервера иконок.
Технологии : React.js / Redux / Redux-Saga / Material-design Интеграции: Payment-Highway


Проект


Ruukki Product Comprassion Tools
Описание Приложение для отображения продуктов со множеством свойств. Его особенности:- авторизация через ShareFiles;- парсинг excel таблиц, хранящихся на ShareFiles;- отображение графиков для продуктов по выбранным параметрам.- отображение таблицы с большим количеством данных о продуктах.
Что было сделано
На фронтенде нами было сделано:- отображение графиков для продуктов по выбранным параметрам; - отображение таблицы с большим количеством данных о продуктах: - селекция колонок для отображения; - фильтрация; - ввод и расчет скидки для продукта; - стилизация таблицы для печати.
Технологии React.js / Redux / Redux-Saga / React-charts


Проект


Reo Travellers
Описание Reo Travellers - проект, задуманный как альтернатива BlaBlaCar в Африке, основными его отличиями являются:- чтобы водитель мог создавать поездки, он проходит многоступенчатую валидацию гос. документов, (ВУ/Паспорт), а также наличие фотографии, подтверждающей личность водителя, что увеличивает безопасность пользователей во время поездки. (Валидация частично происходит через гос. сервис, либо вручную владельцем сервиса);- система оплаты владельцу сервиса: водитель платит установленный процент от общей возможной выручки при создании поездки.

Что было сделано
Был реализован следующий функционал:- возможность создания, редактирования, удаления поездки;- во время создания поездки, можно добавлять промежуточные остановки, где пользователи могут закончить поездку или присоединиться к ней;- для поиска мест используется google API (поиск места по названию), для уточнения места используется карта (мобильная версия);- удаление подписавшегося пользователя, либо уменьшение мест, которые он забронировал;- поиск поездки (в определенном радиусе от заданного места отбытия/прибытия, поиск идет также и по промежуточным пунктам, не включая поездки, в которых нет мест);- общение между пользователями (простой мессенджер);- настройка личных предпочтений (отношение к музыке, курению в авто, животных в авто и общению);- редактирование пользовательских данных, в том числе предпочтений по поездке.Во фронтенд разработке использовался фреймворк React.js, Redux. Для отслеживания пропсов использовался prop-types. В процессе работы была изучена библиотека Material-UI, а также в проект была интегрированы google maps, autocomplete, несколько google компонентов на одной странице. На проекте был подключен Eslint (airbnb) и Husky (pre-commit), соответственно в репозиторий пушился только чистый код. Работа с git проводилась в соответствии с gitflow. Была проведена работа с БД (MongoDB), геоданными, писались запросы к БД, для их оптимизации использовались aggregation, lookup, project, unwind и т.д.). Также проводилась обработка ошибок запросов к серверу, и их корректное отображение на фронте.
Технологии JavaScript / Es6 / HTML5 / CSS3 / React.js / Redux / Redux Saga / MongoDB / Node.js / Express.js / Passport.js / Mongoose / React Native Интеграции: Google Maps


Проект


Troox
Описание Troox - мессенджер, который позволяет делиться текстовыми сообщениями, фотографиями, аудио, видео и анимацией между контактами. Кроме этого, существует возможность установить период напоминания о сообщениях.
Что было сделано
Для данного проекта мы сделали:- обновление зависимостей используемых компонентов; - обработка ошибок при взаимодействии с сервером; - загрузка контента сообщения (видео, аудио, фото) с сервера; - исправление ошибок на Android и iOS при создании контента для сообщения (запись звука, съемка видео); - запуск внешнего плеера для просмотра видео на Android; - изменение верстки страниц.
Технологии JavaScript / React Native / React.js / Redux-Thunk Интеграции: Socket


Проект


NDA #2
Описание Приложение для администрирования push-нотификаций. Позволяет создавать нотификации, управлять рассылками, а также просматривать статистику рассылок, сайтов, информацию о клиентах, которым приходят данные рассылки.
Что было сделано
Разрабатывали клиентскую часть приложения на Angular 6:
• страница Dashboards с общей статистикой;
• страница Send Push для создания и отправки нотификаций;
• страница My Campaigns для отображения списка рассылок;
• страница Campaign Details для отображения информации по выбранной рассылке; • страница My Sites для отображения статистики по сайтам, на которых установлена рассылка.
Разрабатывали также серверную часть, используя Node.js:
• создали скрипт регистрации service-worker к сайтам;
• функционал генерации service-worker к каждому конкретному сайту;
• регистрация пользователей, авторизация, добавление сайта (серверная и клиентская часть), создание уведомления;
• создание отложенных уведомлений, загрузка изображений и иконок для уведомлений.

Технологии JavaScript / Angular 6 / Ng2-charts / Node.js / MongoDB Интеграции: Push Notifications