Специалисты

СИСТЕМА КОМПЕНСАЦИИ ПИТАНИЯ ДЛЯ СОТРУДНИКОВ ЧЕРЕЗ ПРЕДОПЛАЧЕННЫЕ БАНКОВСКИЕ КАРТЫ

Роль Fullstack разработчик (старший) Описание проекта Система управления дотациями на питание сотрудников Сотрудники компании получают предоплаченную банковскую карту, средства с которой могут быть потрачены исключительно на питание (в любых ресторанах, кофейнях, столовых, кафе и службах доставки) Карту используют в компаниях с развитой сетью филиалов и компаниях выстраивающих HR-бренд Состав команды 2 Frontend разработчика, 1 Backend разработчик, 1 TL, 1 Product, 1 PM, 1 QA Задачи/реализованный функционал Подготовка проекта к разработке (репозиторий, общая настройка проекта: настройка репозитория, написание Docker-файла для сборки образа); Разработка страницы “сотрудники” - с возможностью посмотреть список и статусы сотрудников в табличном формате - который делится на две группы: актуальные и неактуальные сотрудники. Для стилизации компонентов использовался Tailwind-UI; Разработка страницы “отчеты” - с возможностью выбора таблицы для получения аналитики (через селектор) - по покупкам, местам покупки, пополнениям и т.д; Разработка фильтрации и сортировки информации по определенным критериям - в таблице сотрудников и в таблице отчетов - с возможностью настройки отображения колонок, изменение статуса и выгрузки списка в excel формате. Логика была расписана на JavaScript; Разработка карточки сотрудника - с возможностью посмотреть информацию о балансе, тратах, статистике, истории пополнения и т.д. Для валидации данных с форм использован Zod. Для форм использовался React-hook-form; Разработка главной страницы с гистограммой, где есть возможность отследить все карты, сотрудников, баланс, общий остаток, статистику, историю пополнений, а также возможность фильтрации по временному периоду и возможность зайти в каждый блок гистограммы. Гистограмма была разработана с помощью Chart.js; Помогал с работой по проекту младшему-разработчику (ревью кода и помощь во всех вопросах касающихся разработки проекта); + написание api; + написание мокового backend на Node.js.

Docker, Node.js, React, React Router, SWR, Tailwind, TypeScript, Vite, Zod, Chart.js, Framer-motion, Docker, Git, React-hook-form, CSS

февраль 2024 - май 2024 месяца

САЙТ REJO (дистрибьютор систем нагревания табака)

Роль Fullstack разработчик Описание проекта Разработка сайта компании по поставке табачной продукции и нагревательных систем для табака с учетом задачи последующего масштабирования, внедрения сервисов для взаимодействия с дилерами и розничными покупателями. Состав команды 2 Frontend разработчика, 1 Backend разработчик, 1 TL, Product, PM, 1 QA Задачи/реализованный функционал Разработка административной панели - с возможностью управлять контентом сайта, посмотреть информацию об оставленных заявках и истории изменений контента с помощью Strapi; Разработка каталога и страницы для партнеров (дилеров/дистрибьюторов) с помощью библиотеки React-hook-form - с возможностью заполнить анкету и отправить заявку с перенаправлением на почту менеджеру с помощью плагина и Strapi; Разработка интерактивного теста для выбора вкуса стиков, по результатам которого предлагаются подходящие товары - основная логика была написана в Strapi; Разработка главной страницы, страницы “О компании” и др. страниц - для анимации компонентов был использован Framer-motion и Swiper. Для стилизации компонентов был использован Tailwind. Для кеширования данных на стороне клиента был использован Tanstack Query; + разработка главной страницы, страницы “О компании” и др страниц. + написание логики компонентов, ui-компонентов и формы; + подготовил cms strapi для проекта; + написал api для контента и для заявок. Достижения разработчика на проекте Самостоятельно оптимизировал рабочий процесс, чтобы уложиться в измененные сроки проекта.

Next.js, React, Strapi, Tailwind, TypeScript, Zod, Yandex maps, SSG/SSR, Framer-motion, Tanstack Query, Docker, Git, React-hook-form, CSS, Swiper

декабрь 2023 - январь 2024 месяца

ОФОРМИСТ - ВСТРАИВАЕМЫЙ УНИВЕРСАЛЬНЫЙ КОНСТРУКТОР МЕБЛИРОВКИ И ОТДЕЛКИ

Роль Fullstack разработчик (старший) Цель проекта дать возможность любому девелоперу (застройщику) предлагать потребителю услугу отделки и меблировки на сайте, где покупатель смог бы, как конструктор, «собирать» дизайн для квартиры и подбирать мебель на свой вкус. Стоимость мебели и ремонта можно включить в ипотеку. Было необходимо реализовать встраиваемый на сайт девелопера конструктор квартир и административную панель для заказчика, где он может добавлять застройщиков, стили, загружать фото и описания, оперативно изменять проекты. Состав команды 2 Frontend разработчика, 1 Backend разработчик, 1 TL, 1 QA Задачи/реализованный функционал Конструктор мебели и дизайнерского ремонта: Реализован пошаговый конструктор на React; В качестве инструмента сборки был использован Vite; Анимационные эффекты были реализованы с помощью библиотеки Framer Motion; Реализовано два способа интеграции в сайт застройщика: Первый способ - в виде всплывающего окна (быстрый - без изменяя архитектуры); Второй - в интерфейс сайта через отдельный модуль с кнопкой или чекбоксом (полная интеграция); Панель управления контентом: В качестве основы для создания панели управления контентом был использован Node.js фреймворк Strapi; В ходе кастомизации бэкенд части приложения были написаны несколько плагинов для кастомизации и создания новых контроллеров и сервисов, добавления крон-задач (сron jobs), функций жизненного цикла записей, модулей для работы с Excel-таблицами; Помимо этого, была значительно расширена фронтенд-часть приложения: Реализованы кастомные модули для управления контентом; Настроена система прав и доступов к модулям и плагинам; + Написание логики взаимодействия пользователя с виджетом; + Разработка api для виджета; + Помощь с настройкой стилей для интеграции в сайт застройщика.

Docker, PostgreSQL, React, Strapi, TypeScript, Vite, Zod, Framer-motion, Git, React-hook-form, CSS

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

Задачи/реализованный функционал Разработал календарь сотрудников - с возможностью добавлять/удалять/изменять события, отслеживать события других сотрудников, отслеживать выходные и праздники, а также создавать встречи с другими сотрудниками и фильтровать отображаемую информацию по категориям; Разработка модуля контроля планов развития сотрудников - с возможностью отследить историю версий, добавление плана развития, отследить выполнение целей развития и планирование встреч с помощью библиотеки по работе с датами Date-fns; Разработал информационную панель с помощью React-hook-form и библиотеки React-select с возможностью: - настраивать отображаемую информацию в карточке сотрудника - его проектов, личной информации, навыков и т.д. и возможность сформировать резюме по определенному шаблону; - заполнения и изменения личной информации (инф. о каналах для связи, проф. навыках, образовании и т.д.), а также с возможностью работы с календарем сотрудников и настройки уведомлений; - создавать и изменять карточку сотрудника, его статусы, проекты (включая роль и выполненные задачи) и информацию о профессиональных навыках и сильных сторонах; - добавлять/изменять проекты с автоматической синхронизацией информации в карточках сотрудников; - Создание ролевой системы ролей пользователей с помощью библиотеки CASL как на бэк (защита различных запросов на основе роли юзеров) так и на фронт (отрисовка компонентов в зависимости от ролей) + Написание логики взаимодействия пользователя с порталом + Разработка api для реализации функционала портала; + Переделал ролевую систему под CASL; + Сделал частичный рефакторинг и редизайн портала; + Переделал логику работы tg бота платформы.

Cypress, ESLint, Jest, Nest.js, Next.js, Node.js, PostgreSQL, Prisma.js, React, SWR, Tailwind, TypeScript, Yup, Keycloak, Framer-motion, Prisma, Git, React-hook-form, CSS, React-select, CASL, Date-fns, REST API

5 месяцев месяцев