Frontend-разработчик с фокусом на React/TypeScript разработку
Frontend:
- JavaScript, TypeScript, React, Vite
- Redux Toolkit, RTK Query
- React Router DOM (v7)
- Tailwind CSS, Radix UI
- Vitest
- Mock Service Worker
Прочее:
- REST API
- NestJS, PostgreSQL, Jest
- Go, Python
Клиент fullstack-приложения интернет-магазина одежды
Демо: https://kirill-bokov.github.io/moda-lab/
Репозиторий: https://github.com/Kirill-Bokov/moda-lab
Стек: React, TypeScript, Redux Toolkit (RTK Query), React Router DOM, Tailwind CSS, Vite, Radix UI, MSW, Vitest, React Testing Library, ESLint, Heroicons
- Реализовал SPA-архитектуру интернет-магазина с клиентской маршрутизацией и централизованным управлением состоянием
- Реализовал JWT-аутентификацию с access token на стороне клиента и refresh token через httpOnly cookie
- Спроектировал взаимодействие клиентской части с REST API с использованием RTK Query, включая кэширование и автоматическую синхронизацию серверного состояния
- Реализовал каталог товаров с поиском, фильтрацией, сортировкой и выбором категорий
- Реализовал хранение корзины и избранного на стороне сервера с синхронизацией пользовательского состояния между сессиями
- Настроил обработку асинхронных запросов, loading/error states и переиспользуемые API endpoints
- Использовал MSW для мокирования API и тестирования клиентской логики чтобы не зависеть от backend-сервиса
- Настроил базовое тестирование компонентов и пользовательских сценариев через Vitest и React Testing Library
В итоге был разработан клиент клиент-серверного приложения с масштабируемой архитектурой и современным стеком.
Проект двуязычного приложения-учебника языков программирования с интегрированными подсказками от LLM Giga Chat. Репозиторий: https://github.com/Kiril-Bokov/function-learn
Стек: React, TypeScript, React Router DOM, Vite, React Error Boundary, React Markdown, React Toastify, ESLint, GigaChat API
- Реализовал мультиязычный интерфейс (RU/EN) с переключением локализации на уровне UI\
- Организовал хранение данных полностью на клиенте
- Реализовал устойчивость приложения к runtime-ошибкам через ErrorBoundary
- Интегрировал GigaChat API для генерации рекомендаций и подсказок по учебному контенту
- Использовал эмуляцию HTTP-ошибок (Requestly) для тестирования устойчивости клиентской логики
Пет проект CRUD fullstack-приложения по управлению работой небольшого предприятия. Цель - учёт сотрудников и подсчёт всех приходов, расходов и остатков.
Репозиторий: https://github.com/Kirill-Bokov/iemis
Стек:
Фронтенд: React, TypeScript, Vite, ESLint
Бэкенд: NestJS, TypeScript, TypeORM, PostgreSQL, RxJS, ESLint
Telegram: @multi_ocular