Специалисты

Интерактивная образовательная интернет-платформа

Что было сделано Мы работали с той частью платформы, где было необходимо разработать упражнения для дошкольников (обучение чтению в игровой форме). Работали на фронте (React + MobX). Занимались имплементированием логики упражнений, программирование анимаций, подключение озвучки. Пришлось очень глубоко погрузиться в асинхронную работу браузера для решений задачи передвижения игровых персонажей, а также анимирования фоновых объектов. Анимацию реализовывали с помощью Anime.JS, Lottie, CSS, D3, Drag"n"drop.

JavaScript / React.js / MobX

Сентябрь 2018 – по настоящее время месяцев

Платформа для ставок на различные события

Описание проекта События, на которые можно делать ставки, а также условия ставок (коэффициенты выигрышей и т. д.) задаются в админ-панели, а также импортируются из внешнего сервиса. Проект состоит из двух основных частей - панель администратора и веб-сайт для внешних клиентов. В панели администратора есть строгая иерархия основных пользователей: 1 главный администратор, далее - вложенности так называемых мастеров (до шести вложенностей), каждый из которых может создавать последующего, и далее - непосредственно клиенты, которым будет дан доступ на веб-сайт для внешних клиентов. Как только клиент создан в панели администратора и ему заданы данные для входа на внешний веб-сайт, создатель этого клиента выдаёт ему стартовую сумму фишек для начала совершения ставок. С этого момента клиент может просматривать доступные события для ставок, их условия, и непосредственно совершать ставки. Доступные ставки называются "маркетами". Таких маркетов в рамках одного события может быть несколько. Маркеты (ставки) могут разных типов. Основные 2 типа ставок - Bookmaker и Fancy. Ставки типа Bookmaker совершаются при наличии нескольких участников события (например, команды в спортивном соревновании) и возможности ставить на победу или поражение конкретного участника. Ставки типа Fancy описывают какой-либо конкретный исход события, и клиенты ставят на то, произойдёт этот исход или нет. По окончании события собираются результаты и выдаются выигрыши/забираются проигрыши. Что было сделано 1. Интеграция с внешним API. С него приходили динамические данные о маркетах (ставках) и событиях с этими ставками. 2. Унификация данных с платформы с данными, созданными в системе проекта. Ставки и события, созданные вручную в панели администратора, имели одинаковых формат со ставками и событиями, полученными с платформы. Это позволило не перегружать БД и иметь удобный, быстро обрабатываемый формат данных для ставок и событий. 3. Покрытие внушительной части данных websocketами. Так как проект работает с деньгами и событиями, часто происходящими в режиме реального времени, он требовал мгновенного отображения любых изменений, происходящих со ставками и событиями. Изменения улавливались в real-time как со стороны действий администраторов, так и со стороны действий клиентов.

React.js / Node.js / TypeScript / PostgreSQL Интеграции: AWS S3 / Complex data through APIs / BetFair

Сентябрь 2018 – по настоящее время месяцев

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

Описание проекта Мы создали с нуля приложение для команды Amazon, где они могли бы сообщать открыто или анонимно о любой проблеме на рабочем месте, касающейся должностных преступлений, отношений на работе, домогательств, угрозе здоровью и получать советы, психологическую помощь и т. д. Также с помощью данного приложения должна быть возможность связаться с экстренными службами. Что было сделано Позволяет реализовать систему уведомления администрации, а также при необходимости - экстренных служб, о различных происшествиях, во время рабочего процесса. Была реализована система создания заявок, о конкретном происшествии. Реализована возможность добавления видео/фото/аудио материалов в заявку. Отличительным свойством проекта является система анонимности пользователя, позволяющая сотрудникам, создавать заявки и общаться в режиме реального времени со службой внутренней безопасности или квалифицированными психологами, с возможностью скрыть свою личность. Вход в приложение осуществляется посредством получения ссылки на электронную почту, и последующим переходом за счёт неё в приложение. Помимо аккаунта обычного пользователя, система подразумевает разного вида аккаунты с набором полномочий администратора. Администратор имеет возможность просматривать и отвечать на заявки пользователя, общаться с ними в чате, а также создавать беседы совместно с другими администраторами.

JavaScript / TypeScript / Redux / Redux-Saga / Persist / React Native / Expo Интеграции: Google Analytics

Сентябрь 2018 – по настоящее время месяцев

Краудфандинговая платформа

Описание проекта Краудфандинговая платформа, позволяющая собирать деньги на реализацию проектов. Главная их особенность состоит в том, что они не берут 10% за оказание своих услуг (в отличие от аналогов). Это позволяет создавать проекты, а также рекламные кампании по их продвижению и т.д. Что было сделано Проект существовал еще до нас, написанный на Laravel, мы же добавили в него React.js, что решило проблему повторной загрузки каждой страницы. Теперь у владельца есть возможность отрисовывать только нужную часть контента. Основным преимуществом React.js здесь является экономия времени на отрисовку тех элементов, которые никак не меняются.

Javascript / React.js / Redux / PostgreSQL / Laravel

Сентябрь 2018 – по настоящее время месяцев

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

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

JavaScript / Typescript / React.js / Ruby on Rails / PostgreSQL / PHP / WordPress 5 Интеграции: AWS EC2

Сентябрь 2018 – по настоящее время месяцев