Денис Вакуленко

– верстал сайты с использованием SCSS, PostCSS, Figma, применяя адаптивность, кроссбраузерность;
– разрабатывал приложения на React;
– в своих проектах использую Git, также есть опыт командного использования Git/Github (контрибьютил в opensource-проекты);
– работал со сборщиками Vite, Webpack;
– использовал ESlint, prettier;
– есть понимание REST API;
– базовое знание TypeScript.
– Английский: A2

CityMap

Интерактивное веб-приложение для работы с картой и геометками.
Пользователи могут: создавать, редактировать и удалять геометки, фильтровать объекты и взаимодействовать с данными.

Стек: JavaScript, PostCSS, zustand, Mock Service Worker, Webpack, Feature-Sliced Design, Yandex Maps API, npm, svg-sprite, линтеры, prettier и др.

– Настраивал сборку на Weback;
– Реализовывал модульный подход на основе архитектуры Feature Slised Design;
– Разрабатывал кастомные UI-компоненты на JavaScript + PostCSS;
– Использовал ESlint, Stylelint, prettier;
– Настраивал управление состоянием приложения с помощью Zustand, дополнительно реализовав сервисный слой для работы со стором;
– Настраивал Mock Service Worker для перехвата запросов на сервер (имитации ответов от сервера);
– Применял отдельные паттерны проектирования;
– Оптимизировал работу с иконками за счет автоматической генерации SVG-спрайта.

Crypto Portfolio Tracker

Пользователь может отслеживать и анализировать свой криптовалютный портфель.

Стек: React, Vite, Ant Design, Chart.js, react-chartjs-2, Local Storage, CoinStats API, npm, svg-sprite, линтеры, prettier и др.

• Получение списка криптовалют с помощью CoinStats API;
• Локальное хранение добавленных активов (localStorage);
• Добавление активов с указанием цены и даты покупки;
• Расчёт:
  • общей стоимости активов;
  • прибыли / убытка по каждому активу;
  • процентного изменения цены.
• Визуализация портфеля на графике;
• Контекстное управление состоянием через React Context API;
• Современный UI на Ant Design.

Landing page

Лендинг магазина с гитарами.

Стек: HTML, SCSS, JavaScript, Swiper.js, Figma

• БЭМ, семантика, адаптив;
• В разделе с отзывами предусмотренно управление длинным текстом: еcли текст отзыва будет превышать 4 строки, он обрежется, и его можно будет раскрыть по кнопке "more" (и скрыть по кнопке "less");
• Адаптивные картинки: предусмотрена возможность вставлять изображения любого размера – их размеры будут подстраиваться под размеры, определённые в макете;
• Если картинка не загрузилась, показывается placeholder;
• Ленивая загрузка картинок;
• Изображения оптимизированы через Squoosh.