Самостоятельно разрабатываю проекты и решаю учебные задачи.Проект:OPENBLOGAPPhttps://github.com/Stas-Z/My-projectВеб-сайт в формате системы тематических коллективных блогов, созданный для публикации новостей, аналитических статей, мыслей, связанных с информационными технологиями, бизнесом и интернетом.Фронтенд создан с использованием библиотеки React, стейт менеджера Redux-Toolkit и архитектурной методологией Feature-Sliced Design (FSD).В качестве бэкенда используется JSON-server развёрнутый на render.com.Сайт - https://openblogapp.ru/В этом проекте я участвовал в командной разработке в рамках обучения курса повышения квалификации "Продвинутый Frontend - UlbiTV".https://ulbitv.ru/frontendЗадачи которые были реализованы:- Полная конфигурация проекта с нуля (Webpack / Vite)- Настройка плагинов, лоадеров, декомпозиция конфига.- Работа с данными (Redux-toolkit, Axios, AsyncThunks, RTK query).- Архитектура Feature-Sliced Design.- Оптимизация (Асинхронные компоненты, асинхронные Redux редюссеры, асинхронное подгружение библиотек, изоляция модулей, Throttle и debounce).- Виртуализация, работа с виртуальными списками (React Virtuoso).- Реализация функционала (фильтры, поиск, сортировки, бесконечные ленты, многоблочные страницы, комментарии и тд).- Темы и стили (CSS модули и темизация).- Сторибук и скриншотные тесты.- Unit, RTL и e2e тесты (Jest, React Testing Library, Cypress).- Code-style (ESlint, Stylelint, Prettier).- Роутинг (React-router-dom V6). Доступы на страницы, по авторизованности и по ролям.- Интернационализация (i18n).- СI/CD и pre-commit хуки (GitHub Actions, Husky).- Деплой на облачный сервер и настройка nginx.- Feature flags, динамические настройки пользователя.Стек: Webpack, React, Redux-toolkit, TypeScript, Axios, Jest, Storybook, Eslint, Prettier,

Проект:CLOUD-DISKhttps://github.com/Stas-Z/cloud-diskПет-проект. Облачное хранилище данных с функциональными возможностями регистрации и аутентификации пользователей, управление профилем, управление файлами и папками: загрузки, хранения, скачивание и удаления файлов.Фронтенд создан с использованием библиотеки React, стейт менеджера Redux-Toolkit и архитектурной методологией Feature-Sliced Design (FSD).Бэкенд написан с использованием фреймворка Express развёрнутый на render.com.Дизайн – за основу взять популярный сервис Yandex Disk.Сайт - https://cloud-disk.openblogapp.ru/Мои задачи:- использовал Redux Toolkit и EntityAdapter для повышения производительности и нормализации данных.- для разделения кода использовал React lazy, что позволило разбить код на отдельные бандлы, которые могут загружаться по мере необходимости или параллельно.- для работы с асинхронными редюсерами я использовал Redux Reducer Manager, это позволило динамически добавлять и удалять редюсеры по мере их необходимости, что улучшает производительность.- с помощью Drag n Drop, реализовал рекурсивную загрузку файлов, включая все папки и под папки.- создал свою библиотеку компонентов UI.- с использованием фреймворка Express реализовал REST-API для управления приложением. (авторизация и создание пользователя, загрузка, удаления и скачивание файлов.)- создал взаимодействие с базой данных MongoDB посредством библиотеки Mongoose.- для безопасной авторизации подключил JWT token.Стек: Webpack, React, Redux-toolkit, TypeScript, Axios, Express, Mongoose, MongoDB.

Проект:MUSIC-PLATFORMhttps://github.com/Stas-Z/music-platformПет-проект (в стадии разработки). Музыкальная платформа для прослушивания и загрузки музыкальных треков.Фронтенд разрабатывается с использованием фреймворка NextJs, стейт менеджера Redux-Toolkit с использованием архитектурной методологией Feature-Sliced Design (FSD).Бэкенд разрабатывается с использованием фреймворка NestJs, ODM-библиотекой Mongoose и базой данных MongoDB.Мои задачи:- подключил стэйт менеджер Redux-toolkit, настроил гидрацию данных с сервера.- создал модули для загрузки и воспроизведения трека.- внедрил архитектурную методологию Feature-Sliced Design с использованием Pages Router.- с использованием NestJs реализовала REST-контроллеры для управления треками, альбомами и исполнителями.- создал взаимодействие с базой данных MongoDB посредством библиотеки Mongoose.- создал файловый сервис для загрузки и удаления аудио файлов и изображений.Стек: NextJs, React, Redux-toolkit, TypeScript, Axios, NestJs, Mongoose, MongoDB.

Разработка функционала на JavaScript / React / TypeScriptПроект:WATER-FILTER SERVICEВнутреннее приложения компании для регистрации клиентов и отслеживания у них состояния приобретенных фильтров для воды.Фронтенд создан с использованием библиотеки React, стейт менеджера Redux-Toolkit и архитектурной методологией Feature-Sliced Design (FSD).Мои задачи:- Переписал приложение с PHP на React.- Реализовал инструменты для формирования отчётов, формирование заказ нарядов для мастера, история клиента и т.п.- Настроил Webpack, Babel, Jest, Eslint.- Создал пользовательский интерфейс с использование React Bootstrap.- Покрыл всё тестами (unit / интеграционные)Стек:Webpack, React, TypeScript, Redux (Toolkit, Thunk), Axios, React Bootstrap, HTML, CSS(SCSS)