Skip to content

Latest commit

 

History

History
70 lines (45 loc) · 2.75 KB

README.md

File metadata and controls

70 lines (45 loc) · 2.75 KB
Raw

t1project

Это веб-приложение создано с использованием React, TypeScript и Create React App. В проекте реализован подход Atomic Design для организации компонентов, стилизация выполнена с использованием CSS Modules (SCSS). Компоненты функциональные с типизированными пропсами, реализовано переиспользование компонентов. Проект включает в себя анимации, семантическую верстку, оптимизацию загрузки изображений с помощью react-lazy-load-image-component и оптимизированную загрузку шрифтов. Для управления состоянием приложения используется Redux Toolkit. Для документации и демонстрации компонентов используется Storybook. Для тестирования компонентов используется Jest

Технологии

  • React ^18.2.0
  • TypeScript ^4.9.5
  • React Router Dom ^6.22.0
  • Redux Toolkit ^2.2.1 для управления состоянием приложения
  • CSS Modules с SCSS для стилизации
  • Storybook ^7.6.14 для документации компонентов
  • Jest для тестирования компонентов
  • react-lazy-load-image-component ^1.6.0 для оптимизации изображений

Как запустить проект локально

Для запуска проекта на вашем локальном компьютере выполните следующие шаги:

Клонирование репозитория

git clone https://github.com/distanceOn/t1project.git

Переход в директорию проекта

cd t1project

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

pnpm i

Запуск проекта

pnpm start

После запуска проект будет доступен на localhost:3000.

Запуск Storybook

Для просмотра и тестирования компонентов в Storybook:

pnpm storybook

Storybook будет доступен на localhost:6006.

Запуск Jest

Для тестирования компонентов с помощью Jest:

pnpm test

Деплой

Проект развернут и доступен по следующей ссылке: t1project

Авторы