Специалисты

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