Это веб-приложение создано с использованием 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.

pnpm storybook

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

pnpm test

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

• Роман Кондрашев - [email protected]