Rogozhkin.com

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

Технологический стек

Основные технологии

• React 18.2.0
• TypeScript 5.2.2
• Vite 5.1.0

Маршрутизация и управление состоянием

• React Router 7.1.1
• TanStack Query 5.64.1
• Zustand 5.0.3

Формы и валидация

• React Hook Form
• Zod

Стилизация

• Tailwind CSS 3.4.1
• PostCSS
• Autoprefixer

Качество кода

• ESLint
• Prettier
• Husky
• lint-staged

Архитектура

Проект следует методологии Feature-Sliced Design (FSD):

src/
  ├── app/        # Инициализация приложения, провайдеры, роутинг
  ├── pages/      # Страницы приложения
  ├── widgets/    # Композиционные компоненты
  ├── features/   # Взаимодействие с пользователем
  ├── entities/   # Бизнес-сущности
  └── shared/     # Переиспользуемый код
      ├── api/    # HTTP-клиент, API-интерфейсы
      ├── config/ # Конфигурации
      ├── lib/    # Библиотеки и утилиты
      ├── ui/     # UI-компоненты
      └── types/  # Общие типы

Разработка

Требования

• Node.js 18+
• npm 9+

Установка и запуск

# Установка зависимостей
npm install

# Запуск сервера разработки
npm run dev

# Сборка для продакшена
npm run build

# Предпросмотр продакшен-сборки
npm run preview

Скрипты

• npm run dev - Запуск сервера разработки
• npm run build - Сборка проекта
• npm run preview - Предпросмотр сборки
• npm run lint - Проверка кода линтером
• npm run format - Форматирование кода

Качество кода

В проекте настроены следующие инструменты для обеспечения качества кода:

• ESLint для проверки кода
• Prettier для форматирования
• TypeScript для типизации
• Husky для git-хуков
• lint-staged для проверки staged-файлов

Структура конфигурационных файлов

• .eslintrc.cjs - Конфигурация ESLint
• .prettierrc - Конфигурация Prettier
• tailwind.config.js - Конфигурация Tailwind CSS
• postcss.config.js - Конфигурация PostCSS
• tsconfig.json - Конфигурация TypeScript
• vite.config.ts - Конфигурация Vite

Документация

Подробная документация доступна в директории docs/:

• deployment-protocol.md - Протокол развертывания
• Другие документы...

Лицензия

MIT