Дмитрий Ходаницкий

Frontend: HTML, CSS, Sass, JavaScript, Адаптивная верстка.

Инструменты: Git, GitHub, NPM, GitHub Actions, Jest, ESLint.

Методологии: Agile, работа с Jira, Confluence.

Soft Skills: Обучаемость и умение работать с большим количеством новой информации, работа в команде, управление временем.

В процессе обучения реализовал 4 проекта, каждый из которых помог освоить новые технологии и подходы к разработке.

🔗 Brain Games

Набор из 5 консольных игр для тренировки логики

🛠 Стек: JavaScript, Node.js, npm

📌 Результаты:
- Научился настраивать окружение, работать с качеством кода через ESLint и SonarQube.
- Реализовал модульную архитектуру, разделив логику игр на независимые модули, что упростило поддержку кода и добавление новых игр.

🔗 Difference Finder

Утилита для сравнения JSON/YAML файлов
- Реализована древовидная рекурсия
- 90% покрытие тестами

🛠 Стек: JavaScript, Jest, GitHub Actions, Node.js, npm

📌 Результаты:
- Закрепил знания из первого проекта и освоил подход TDD.
- Применил фреймворк Jest для тестирования.
- Подключил проект к CI/CD через GitHub Actions.

🔗 RSS агрегатор

Приложение для чтения RSS-лент, которое позволяет:
- Добавлять подписки на любые RSS-ленты по URL
- Автоматически обновлять ленты и показывать новые статьи
- Читать в едином интерфейсе без посещения каждого сайта отдельно

🛠 Стек:

- Сборка и разработка: Vite (dev server, production build)

- Пользовательский интерфейс: Bootstrap 5, адаптивная вёрстка

- Сетевые запросы: Axios (RSS-запросы через CORS-прокси)

- Валидация данных: Yup (схемы валидации URL и форм)

- Локализация: i18next (многоязычная поддержка)

- Управление состоянием: on-change (реактивные обновления UI)

- Дополнительно: DOM API, XML парсинг

📌 Результаты:
- Освоил создание SPA с полным циклом работы с данными.
- Реализовал реактивное управление состоянием через on-change.
- Настроил валидацию форм с Yup.
- Организовал работу с API через Axios и CORS-прокси.
- Добавил систему локализации на i18next.
- Внедрил автообновление контента через polling.
- Настроил сборку проекта с помощью Vite.
- Научился обрабатывать различные сценарии ошибок.
- Использовал Bootstrap 5 для создания адаптивного UI.

🔗 SPA-мессенджер (аналог Slack)

Полнофункциональный клиент для командного чата с каналами, сообщениями и обменом в реальном времени.

🛠 Стек:

React, Redux Toolkit (RTK Query + Slices), React Router, Socket.IO, Formik, React Bootstrap, Vite

📌 Результаты:
- Освоил разработку сложного SPA с полным циклом взаимодействия с бэкендом.
- Реализовал управление состоянием через Redux Toolkit:

— RTK Query — для синхронизации с REST API (автокэширование, инвалидация данных).

— Slices — для UI-состояния.

- Интегрировал REST API и WebSocket (Socket.IO) для мгновенного обновления интерфейса.
- Настроил JWT-авторизацию с защищёнными маршрутами и автоматической инъекцией токена.
- Организовал работу со сложными формами (вход, регистрация, управление каналами) через Formik.
- Построил отзывчивый и доступный интерфейс на компонентах React Bootstrap.
- Настроил production-сборку и деплой с помощью Vite.