Frontend разработчик (React)

Разработка вэб-приложения СберИнвестиции

Стэк:
-React 18
-Typescript
-RTK
-StyledComponents
-Cypres
-Jest

Вкладка "Рынок"
- Список инструментов (акции, облигации, фонды и т.д.)
- Поиск
- Фильтры поиска
- Информация о выбранном инструменте
Блок "Что купить", "Регулярные подборки"
- Подборки инструментов с высокой и низкой доходностью
- Подборки инструментов составленные аналитиками
- Подборки инструментов на основе данных роста на начало дня
Вкладка "Карточка инструмента"
- Описание инструмента (акции, облигации и т.д.)
- Изменение цены (из сокета)
- Анализ бумаги
- График изменений цены
- Покупка/Продажа
- Информационные алерты
Модуль "Тестирование"
- Доступные тесты для клиента
- Прохождение тестирования для торговли сложными инструментами
- Результаты прохождения тестирования
Библиотека графиков
- Линейный график
- Свечной график
- Круговая диаграмма
- Линейный бар чарт
- Тултипы
- Точки сделок на графике
- и т.д.

- Разработка и поддержка клиентской части веб-приложения
- Рефакторинг программного кода
- Написание программного кода
- Исправление выявленных багов
- Реализация функциональности и логики программы в соответствии с техническим заданием и архитектурными решениями
- Оптимизация программного кода
- Формализация и алгоритмизация поставленных задач для дальнейшего написания программного кода
- Разработка пользовательского интерфейса, в том числе его интерактивных элементов
- Анализ технических требований к продукции или изделию и проектирование производственного процесса ее изготовления
- Тестирование баз данных и серверной части веб-приложения
- Разработка новой продукции, рецептур новых продуктов и технологических процессов их производства
Свернуть
БФТ-Холдинг (Бюджетные и Финансовые Технологии)
БФТ-Холдинг (Бюджетные и Финансовые Технологии)
9 месяцев
Frontend-разработчик
Июнь 2023 — Февраль 2024 (9 месяцев)

Проект закрылся.

Разработка программного обеспечения для заказчиков гос.сектора. Проект закрылся, в компании больше нет проектов на React

Стэк:
-React
-Typescript
-Zustand
-CLSX
-SpreadJS
-Cypress
-Vite

Разработал часть функционала личного кабинета для сбора данных пользователей и работы со статистикой в формате SpreadJS. Настроил авторизацию, доступы по разным ролям и отображение части контента в зависимости от роли пользователя.
P.S. Дополнительно занимался разработкой компонентов для UI кита проекта.

Разработка Service desk приложения для внутренних клиентов.
-Создание заявок на специалистов технической поддержки
-Личный кабинет пользователя для управления созданными заявками.
-Управление персональными доступами и доступами групп
-Работа с уже существующими заявками

React, Typescript, RTK

Разработка программного обеспечения для заказчиков гос.сектора. Проект закрылся, в компании больше нет проектов на React

Стэк:
-React
-Typescript
-Zustand
-CLSX
-SpreadJS
-Cypress
-Vite

Разработал часть функционала личного кабинета для сбора данных пользователей и работы со статистикой в формате SpreadJS. Настроил авторизацию, доступы по разным ролям и отображение части контента в зависимости от роли пользователя.
P.S. Дополнительно занимался разработкой компонентов для UI кита проекта.

Создал несколько инструментов для помощи команде обучения в разработке новых учебных материалов.

Конструктор курсов
---------------------------
Стэк:
-React
-Redux
-Typescript
-NodeJS
-Tailwind
-Корпоративный React-kit

Формат: SPA

Описание: Приложение позволяет создавать обучающие курсы используя готовые шаблоны компонентов и скачивать готовый курс для загрузки в систему LMS (Learning Management System)

Цель: Освободить ресурс разработчиков эл. курсов, уменьшить SLA выпуска готовых курсов.

Что было сделано: Разработал всю фронт часть и логику приложения. Настроил стейт-менеджер, написал экшены. Описал модель пользователя. Создал и настроил сервер + API на NodeJS и задеплоил его на виртуальную машину на ubuntu через PM2.

Основные возможности приложения:
-Создание эл. курса
-Упаковка курса в формат SCORM
-Архивация курса в формат zip для последующего скачивания

Экраны:
-Вход
-Регистрация
-Восстановление пароля
-Профиль
-Настройки пользователя
-Панель администратора
-Редактор блоков

Профиль:
-Создание пользователя
-Изменение роли пользователя
-Изменение данных пользователя
-Блокировка пользователя

Работа с карточками курсов:
-Создание нового курса
-Редактирование информации о курсе
-Создание дубликата
-Возможность поделиться редактированием с другими пользователями
-Скачать курс в формате zip

Работа с контентом:
-Создание блока
-Редактирование блока
-Дубликат блока
-Изменение позиции блока (перетаскиванием DnD)
-Изменение контента блока (текст, изображения, ссылки, файлы, видео и т.д.)
-Изменение стилей блока (отступы, цвета по брендбуку, позиционирование и т.д.)
-Выбор темы

P.S. Для создание контента были разработаны готовые шаблоны блоков (блок иконок, блок тестирования, блок текста, блок карусели и т.д.). Общее кол-во готовых блоков > 70.


Конструктор нотификаций
-------------------------------------
Стэк:
-React
-Typescript
-NodeJS
-Tailwind

Формат: SPA

Описание: Приложение позволяет создавать шаблоны писем в корпоративном стиле и загружать их в популярные почтовые клиенты (Outlook, Gmail, Mail.ru и т.д.)

Цель: Сократить кол-во не шаблонных писем, унифицировать отправляемые пользователям сообщения.

Что было сделано: С 0 написал логику приложения и создал простые UI-компоненты.
Собрал несколько экранов для создания шаблонных писем. Создал и настроил сервер + API на NodeJS и задеплоил его на виртуальную машину на ubuntu через PM2.

Основные возможности приложения:
-Создание шаблона письма
-Конвертация шаблона из приложения в формат таблиц для почтовых клиентов
-Возможность поделиться редактированием с другими пользователями
-Скачать шаблон в формате HTML

Экраны:
-Вход
-Регистрация
-Восстановление пароля
-Профиль
-Настройки пользователя
-Панель администратора
-Редактор шаблонов

P.S. В приложении используются готовые блоки для шаблонов, что позволяет абсолютно любому пользователю создать свой шаблон или выбрать из библиотеки уже готовый.


Симуляторы рабочих систем
-----------------------------------------
Стэк:
-React
-Typescript
-NodeJS
-Tailwind
-Корпоративный React-kit

Формат: SPA

Описание: Приложения-тренажер повторяющее функционал боевых систем, чтобы новые сотрудники могли безопасно тренироваться не затрагивая продакшен версии. Есть возможность добавлять подсказки или пояснения на выбранных этапах (например при открытии формы или клике по кнопке)

Цель: Сократить кол-во ошибок в работе новых сотрудников.

Что было сделано: По сценарию методологов была описана логика работы приложения и реализованы UI-компоненты с использование UI-kita.
Приложение было конвертировано в формат SCORM, описаны конфиги на XML и загружено на корпоративный учебный портал.

Основные возможности приложения:
-Эмулятор боевой системы
-Возможность ознакомиться с подробным описанием функционала системы
-Возможность отправлять тестовые данные


Дополнительно работал:

Бэкенд:
-Разработка API (node) для отправки запросов и получения данных пользователя из внутренней системы, с последующей переадресацией в след. системы по описанному сценарию.
-Создание и настройка почтового клиента на сервере (node, express, nodemailer)

Работа с Ubuntu:
-Установка и настройка сервера apache (файрвол, порты, сертификаты и т.д.)
-Создание и настройка сервера на node с помощью express
-Деплой react/node приложений с помощью pm2 manager

Дизайн/Визуализация:
-Material UI
-Ant Design
-Tailwind
-Работа с корпоративным китом с помощью CI/CD (документация на Storybook)
-Активно работаю в Figma/Adobe Illustrator/Adobe Photoshop. Корректирую уже имеющийся дизайн, создаю новые компоненты по брендбуку и без него в сотрудничестве с командой дизайна


В работе активно использую JIRA, работаю по методологии Kanban. Все проекты пушились на gitlab с обязательным описанием коммита и последующим MR. Чистота кода поддерживается с помощью линтеров.