Специалисты

Описание

Programming Languages
JavaScript, Typescript, HTML/HTML5, CSS/CSS3

Framework/Library
React.js, Redux, Redux-Saga, Redux Toolkit, RTK Query, Material-UI, Next.js, Lodash, Axios, Underscore, Moment.js, Bootstrap, Mobx, Animate.css, SASS (SCSS), LESS, Stylus, PostCSS, jQuery

Cloud services
Google Maps, AWS, Heroku, EC2, s3 bucket

Development Tools
Webpack, Git

DBMS
PostgreSQL, MongoDB, Redis

Application Type
REST, Social Networks

Application/Web Servers
Nginx, Apache

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

Образование
Прикладная информатика
Таганрогский институт имени А. П. Чехова (филиал) «Ростовского государственного экономического университета (РИНХ)»

Опыт
Проект

Мультиплатформенное мобильное приложение - социальная сеть

Описание

Описание проекта Это мультиплатформенное мобильное приложение - социальная сеть нового поколения, где за счет коллаборации могут зарабатывать не только селебрити, но и их подписчики. Идея приложения состоит в том, что знаменитость публикует контент, проводит челенджи, квизы, голосования, а подписчики занимаются любимым делом: ставят лайки и участвуют в ивентах. Однако, в отличие от классических социальных сетей, каждый имеет возможность получить за любые действия Сryptocurrency, которую потом можно обналичить или потратить на NFT. В приложении предусмотрена опция коллекционирования NFT и покупки NFT в формате аукциона. В приложении также доступна кастомизация стиля для премиальных подписчиков. На текущий момент ведется работа над тестовой версией приложения, разрабатываются новые фичи. Что было сделано На проекте работали по части frontend. Ниже приведены примеры выполненных задач: - Стилизация приложения через Ui-kit. Написание запросов с помощью React Query. - Интернационализация с помощью i18next. - Авторизация с помощью KeyCloack. - Выгрузка приложения в TestFlight (настройка автопубликации CI/CD, оптимизация выгрузки) и PlayMarket. - Разработка механизма навигации внутри приложения (несколько точек входа, переплетение двух несвязанных навигаторов). - Обработка и вывод NFT объектов, написание логики сложных событий приложения (квизы, челенджи, голосования). Раздел новости: - Вывод карточек новостей, погружение внутрь новости, лайк новости и зачисление награды за действие, разделение контента на премиальный и стандартный с выводом соответствующих новостей. Квизы, челенджи: - Верстка страницы, проработка логики, интеграция с бекендом, редактирование карточки по новым макетам.

Технологии

React Native / React Query / i18next Интеграции: AWS S3 / OpenAPIGenerator

Длительность

Апрель 2019 - по настоящее время месяцев

Проект

Веб-сервис для продажи различных услуг сотрудникам компаний

Описание

Описание проекта Веб-сервис для продажи образовательных, медицинских, развлекательных и др. услуг сотрудникам компаний. Сервис представляет собой онлайн площадку с каталогом услуг для пользователей, которые приобретаются за счет компании. Компаниям, в свою очередь, выгодно подключаться к сервису, для повышения лояльности и мотивации сотрудников. Выставлять услуги на продажу через сервис могут компании-провайдеры, которым предоставляется интерфейс по администрированию карточек размещаемых услуг. Что было сделано Работали со следующими задачами: 1. StoryBook: - разработка и кастомизация большинства базовых компонентов библиотеки на основе material-ui, а также разработанных с нуля компонентов. 2. Верстка главной страницы с применением компонентов из ui-kit по первым макетам. 3. Store Provider: - верстка страниц авторизации и регистрации и реализация логики к ним, а также технические страницы (404, неверная ссылка и т.п.); - создание компонента редактора текста wysiwyg; - верстка страницы дашборда провайдера; - организация перехода по карточкам со страницы дашборда; - страницы создания и редактирования услуги, редактирования тарифов, добавления регионов в черный и белый списки, через разработанное мной дерево регионов в модальном окне; - верстка страницы юридической информации о провайдере и работа над логикой страницы. 4. Admin - верстка некоторых страниц используя react-admin; - создание сотрудников (менеджера-провайдера и сотрудника поддержки); - смена статусов сотрудников; - удаление сотрудниками; - создание услуги.

Технологии

JavaScript / TypeScript / Next.js / React rtk + rtk query / material ui / react-table / react-admin / styled-components / react-hook-form / webpack / storybook / rollup Интеграции: dadata

Длительность

Апрель 2019 - по настоящее время месяцев

Проект

Приложение для логистики и подсчета углеродного следа

Описание

Что было сделано Решения нашей команды на проекте: - выполнили оптимизацию запросов к Базе данных; - написали шаблонизатор. Приложение создавалось с нуля. Используя дизайн-макеты, мы делали верстку под разрешение (десктоп). С помощью Material-UI была сделана светлая тема с основной палитрой цветов, что позволяло легко и просто кастомизировать новые компоненты под общую стилистику. В системе использовалось несколько ролей. Для каждой из ролей создавалась отдельная страница с функционалом соответствующей роли. В основном это были личные кабинеты, в которых можно было управлять заявками для оплаченных маршрутов. Одна из первых и главных ролей — это калькулятор. Он предназначен для создания расчета углеродного следа с учетом заданных критериев, выбранных пользователем. В калькуляторе выбираются тип контейнера, количество контейнеров (максимум 2) и характеристики типа контейнера (вес, высота, ширина, длина). Далее, проходит валидация полей, на фронтенде отображается ошибка в случае неверно заполненного поля. Также присутствует валидация на сервере, в случае ошибки сервер присылает название поля и текст с ошибкой. Если все поля заполнены успешно, осуществляется расчет подходящих по критериям маршрутов по формуле, заданной на сервере. Также вычисляется и углеродный след. После чего сервер присылает массив маршрутов. На фронтенде отображаются все маршруты, два из которых будут выделяться как самый быстрый по времени маршрут и самый экологичный маршрут. Большой упор в проекте делался на отображение карты маршрутов и информацию об этих маршрутах. Для карт изначально использовался google maps, однако позже, решили использовать Яндекс карты, так как это решение было более дешевым. Самое сложное в яндекс картах было отображение разного вида маршрутов. Всего было 4 типа маршрутов. Маршрут типа (дорожный транспорт) - отображался с использованием встроенного метода яндекс карт для построения маршрута автотранспорта, с учетом кратчайшего пути. Маршрут типа (авиатранспорт) строился с помощью кривых линий, используя точку начала и точку конца отправки. Маршруты типа (судно, ЖД) также рисовались линиями, но использовали массив точек, для более детальной отрисовки маршрута. Для описания деталей маршрутов необходимо было нарисовать произвольный маркер по центру отрисованных линий. Проблема была только с автотранспортом, потому что там не было доступного API для получения центра линии. Решать проблему пришлось углублением в объект линии, который возвращается после успешного построения с Яндекс сервера.

Технологии

JavaScript / React.js / Redux / Axios / Redux toolkit Интеграции: Google Maps / Microservices / Complex Data through APIs

Длительность

Апрель 2019 - по настоящее время месяцев

Проект

Рекрутинговая платформа

Описание

Описание проекта Рекрутинговая платформа, задача которой является создание центрального звена в компании. Данная платформа изначально создавалась для сотрудников компании. Тем не менее сейчас в планах стоит развить платформу и сделать ее самостоятельным продуктом на основе SaaS для пользователей. После реализации пользователи смогут создавать свои собственные рекламные кампании и получать доступ к данным отобранных кандидатов. Что было сделано Решения нашей команды на проекте: - выполнили оптимизацию запросов к Базе данных; - написали шаблонизатор для e-mail, включая поддержку переменных; - выполнили оптимизацию фронтенда для исключения глобального ре-рендера страниц и увеличения скорости работы приложения; - сделали переход от react-table 6.0 на 7.0; - подключили систему оплат Telleroo и PayPal; - интегрировали AddPipe video recording; - подключили AWS S3 для хранения файлов; - внедрили функционал по работе с PDF файлами; - вносили правки по работе с сервисом Survey Monkey; - вносили правки в работу сервиса SMS/email рассылок.

Технологии

JavaScript / React.js / React-Table / Ruby / PostgreSQL / Survey Monkey Интеграции: AWS EC2 / AWS S3 / Social networks / Payment Systems

Длительность

Апрель 2019 - по настоящее время месяцев

Проект

Усилитель продаж на маркетплейсах

Описание

Описание проекта Мы занимались разработкой сервиса по продвижению товаров на маркетплейсах. Этот сервис позволяет компаниям создавать рабочее пространство, отслеживать спрос и статистику своего продукта в интернете. Что было сделано Решения нашей команды на проекте: — построение графиков для отображения статистики продукта в IoT. — кастомизация D3 JS графиков, — Обработка готовой библиотеки под требования проекта. Также нашим достижением было решение нестандартных задач на проекте. Например, в рамках заданного дизайна практически отсутствовали готовые библиотеки, поэтому мы занимались переносом кастомной вёрстки на material.UI и её кастомизации.

Технологии

React.js / D3.js / Highcharts / Material-UI Интеграции: Microservices / Complex data through APIs / AWS EC2 / AWS S3 / Google maps

Длительность

Апрель 2019 - по настоящее время месяцев

Проект

Платформа для персонализированного обучения

Описание

Описание проекта Это своего рода облако, куда пользователь может интегрировать все свои курсы с других обучающих платформ и, совместив это с данной платформой, создать индивидуальный план обучения. Learning Experience Platform состоит из множества различных частей и алгоритмов подбора контента для каждого пользователя по его интересам, навыкам и пристрастиям. Данная платформа также предусматривает совместное корпоративное обучение, где пользователи, состоящие в одних и тех же группах, могут делиться понравившимися курсами, обучающими карточками и видео со своими коллегами, проходить опросы и тесты, общаться с другими пользователями и наблюдать за активностью своих друзей. Также, данный проект имеет отдельную панель для администратора. Здесь, в удобном для пользователя формате, можно сконфигурировать и настроить платформу индивидуально для каждой организации. Начиная от количества и названий вкладок на панелях, цветовой схемой, логотипами и настройками контента, и заканчивая стандартными опциями администраторов по контролю содержимого контента, пользователей и доступов. Еще здесь есть разделение контента по каналам, группам, много аналитики и статистики, определение лидеров и топов среди пользователей, получение наград и бонусов, ведение живых стримов и т.д. Что было сделано Наша команда начала работать над уже текущим стартап проектом. Тогда он привлек инвестиции в размере более 100 млн. долларов от различных крупных инвесторов и получил множество наград. В настоящее время платформа используется компаниями на международном уровне и крупными государственными организациями. Команда разработчиков EdCast состоит из нескольких групп из 3 разных стран: Россия, Америка, Индия. У каждой команды есть свое направление в разработке и своя область ответственности за определенные части платформы. Наша команда по большей части отвечает за админ часть, группы и каналы, а также external API для синхронизации платформы с другими проектами. Мы занимались как поддержкой, разработкой, внедрением нового дизайна и фронтенд функционала (HTML5, SCSS, Material UI, React.js), так и внедрением полной логики работы отдельных компонентов на сервере (Ruby on Rails). Также была реализована административная панель для удобной работы над добавлением, редактированием и удалением контента.

Технологии

React.js / Redux / Vue.js / Ruby / Redis / MySQL / neo4j / Node.js Интеграции: Microservices

Длительность

Апрель 2019 - по настоящее время месяцев