Портфолио

Обновлено 09.02.2020

Проекты

1. Облачная платформа для создания контента для сенсорных платформ

Разрабатываю портал позволяющий управлять рекламным контентом в сети магазинов и заведений быстрого питания таких как KwikTrip, SubWay и др. на рынке Америки.


2. Стартап проект в области образования
Memscore

Разрабатывал интерфейс пользователя в команде с дизайнером, верстальщиком и back-end разработчиком для проекта в области образования. Работа велась на Vue.js. Выполнил более 150 экранов которые включает данный сайт. Редактирование профиля, функции оплаты, создание, редактирование и управление курсами и классами, и группами учащихся и т.д.
Ссылка на выполненный проект на UpWork.



3. Разработка внутреннего портала интерент провайдера Full-Stack. 
InterService - интернет провайдер

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

4. Перенос кабинета пользователя интернет провадера на Angular 4.
InterService - интернет провайдер


Реализовал кабинет пользователя позволяющий абоненту самостоятельно изменять тарифный план, следить за балансом, уведомленими провайдера, специальными предложениями, пополнять счет, замораживать обслуживание и управлять личными данными.

5. Разработка SPA сервиса легких покупок и верстка адаптивного интерфейса
Beecoon

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





6. Разработка алгоритма защиты от атак на интернет банки 
Компания Fortress Development

В рамках проекта по веб-безопасности я занимался разработкой алгоритма определяющего внедрение в оригинальный html-страницы вредоносного кода. За время работы (около 6 месяцев) мы прошли путь от идеи до бета-версии. Мне приходилось заниматься проектированием архитектуры, подбором инструментария, кодированием, выполнять модульное тестирование и документирование кода. В работе мы использовали нативный JavaScript стандарта 2015 года (ES6), Webpack и Grunt для сборки, библиотеку Jasmine для тестирования и JsDoc для документирования. В процессе поиска решений изучал существующие алгоритмы в частности виртуальный DOM React, Diff алгоритм с целью использовать готовые решения. В итоге создал свою структуру данных, которая подходила под задачу. Так же в процессе поиска решения задачи активно работал с PhantomJS.

7. Разработка SPA - панели администратора в которой настраивалась работа защитного кода.
Компания Fortress Development

Выступал в роли Full-Stack разработчика панели администратора. Мне были поручены задачи прототипирования, front-end программирования включая верстку, back-end программирования и развертывание на сервере. 
Front-end выполнил используя Backbone.js, jQuery и Bootstrap3. Так же для редактирования и визуализации кода JSON использовал библиотеку CodeMirror. Получившийся редактор можно увидеть на скриншоте. Визуализация данных JSON в поле слева выполнена на SVG.
Back-end написал на NodeJS, MongoDB используя фреймворк KoaJS (next generation Express) и библиотеку Mongoose.js.


8. Разработка SPA - визуализации данных. Report Viewer.
Компания Fortress Development
 
Занимался front-end разработкой начиная от этапа проектирования интерфейса и заканчивая готовым продуктом. Передо мной стояла задача сделать такой интерфейс, который не поломается в случае большого потока данных по отчетам, а так же будет удобным в использовании. По итогам работы мне удалось добиться результата за счет разбиения потока данных внутри интерфейса на три части: Диапазоны (дни), периоды(часы) и отрезки времени (минуты). Скриншот 1, Скриншот 2. В интерфейсе, это выглядит как панелька в верхней части экрана. В разработке первой версии использовал jQuery, Bootstrap3, для визуализации данных библиотеку D3.js. В дальнейшем SPA перевел на Angular 2.








9. Проектирование и разработка сайта компании
Компания Fortress Development
http://fortress-development.com/

За время работы мной было разработано две адаптивные версии сайта, оба сайта на двух языках, русский и английский.
Первая версия представляла собой слайдер реагировавший на действия мышкой и клавиатуру. В разработке я использовал Sass и библиотеку Compass, jQuery, а так же ряд плагинов для работы с колесиком мышки и определением мобильных устройств. Работу слайдера запрограммировал без плагинов.
Вторая версия сайта стала многостраничной, так как объем информации по продукту компании вырос. В связи с этим, совместными усилиями с дизайнером нами был разработан прототип главной страницы сайта. Отталкиваясь от макета главной страницы мною было разработано еще четыре страницы сайта в соответствии с дизайном. В работе использовал jQuery, Sass, Jade, Bootstrap3.
Скриншот. Сайт доступен по ссылке https://fortress-development.com/.


Скриншоты (Screenshot) верстки