Ключевые проекты:
Blog Platform - Мини-соцсеть с лентой постов, профилями и комментариями: быстрая публикация коротких заметок, поиск по статьям и просмотр авторов.
Возможности приложения:
● Лента статей с VirtualScroll
● Профиль текущего пользователя: собственные статьи + комментарии
● Поиск по статьям
● Аутентификация (логин/регистрация), защита маршрутов
● Комментарии: просмотр, добавление, удаление (по правам)
Стек: HTML, JavaScript, TypeScript, React, Next.js (Pages Router), Redux Toolkit + next-redux-wrapper (SSR-гидрация), Playwright (e2e), Storybook, Prettier, ESLint, backend: NestJS
Финансовый мониторинг - Платформа с интеграцией API МосБиржи: котировки и новости.
Возможности приложения:
● Кастомные графики (интерактивные)
● Линейные графики (Chart.js с переключаемыми таймфреймами)
● Калькулятор доходности
● Избранное (для ценных бумаг)
Структура проекта:
● Интерактивные графики на Chart.js с переключаемыми таймфреймами
● Fetch API, реализовал middleware
● Калькуляторы доходности на TypeScript (все вычисления на клиенте)
● Профилирование компонентов (React.memo, useMemo, useCallback)
Стек: HTML, CSS, JavaScript, React, React Router, TypeScript, Redux Toolkit, CSS Modules, Jest, React Testing Library, Figma, GitHub
Инвестиционный портфель - Интерактивный калькулятор для балансировки портфеля по структуре индекса МосБиржи.
● Приложение рассчитывает, какие акции и в каком количестве нужно докупить, учитывая лоты, цены и веса.
● Поддерживается добавление пользовательских бумаг и настройка параметров.
Стек: React, React Router, TypeScript, Redux Toolkit, Material UI, Fetch API, CSS Modules, GitHub
Игровые SPA:
Pokémon Catcher - Ключевая идея «поймай всех».
Возможности приложения:
● Постраничная пагинация (limit/offset) с селектами лимита
● Сессия игры сохраняется в localStorage
Стек: HTML, CSS modules, JavaScript, React, React Router, Redux Toolkit
Wordle Game (курсовая работа T-интенсив JS) - Ключевая идея: «угадать слово за 5 попыток».
Возможности приложения:
● Google авторизация
● Тема (Темная, светлая)
● Личный кабинет
● Статистика по игрокам
● Метрики приложения по пользователям
● 100% покрытие unit и E2E-тестами, мокирование API
Стек: HTML, JavaScript, TypeScript, React, React Router, Zustand, Tailwind + CSS Modules, Jest, React Testing Library, Backend - Firebase
CRM и административные панели - CRUD-интерфейсы для документооборота и управления клиентами.
Возможности приложения:
● Фильтрация, сортировка, пагинация
● Редактирование таблиц (CRUD)
Стек: React, TypeScript, React Router, Redux Toolkit, Material UI, CSS Modules, Jest
Интерактивные дашборды - Интерфейсы с анимациями, спиннерами, SVG-компонентами.
● Упор на производительность и UX.
● Внедрял тёмные темы с сохранением в localStorage.
Стек: React, TypeScript, CSS Modules, React Testing Library, Figma
