Введение в фреймворки JavaScript

Условие:

Задана ссылка на макет фигмы (Интернет-магазин): 

https://www.figma.com/file/0pMguGfGcTgufmXlNJe5gO/IE-FE?type=design&node-id=0%3A1&mode=design&t=SVYvDXP7EzFIVWrg-1

Необходимо сверстать приложение согласно макету используя React. 

В проекте должны использоваться библиотеки для реализации механизмов работы магазина:

• React-router-dom
• React-hook-form
• Redux
• Redux-thunk

Основные технические требования: 

1. Архитектура приложения (паттерн проектирования) должен соответствовать подходу, который обсуждался во время занятия (у каждого компонента своя папка (UI компоненты, pages компоненты, хранилище)). У каждого компонента должна быть модульная стилизация (и так же общая стилизация для всех компонентов). Имена компонентов должны полностью соответствовать их содержимому.
2. В работе должно быть реализовано redux-хранилище с редьюсерами:
3. Продукты, категории, продукт, корзина. Данные должны подтягивать асинхронно используя сетевые запросы, адресованные *бекенду.
4. Для каждой страницы должен быть реализован _Page-компонент, формирующую специальную ссылку (path) для доступа (определяется самостоятельно).

Бэкенд:

Сетевые запросы должны быть адресованы локальному бэкенду, который будет доступен по ссылке: 

Необходимо его скачать и выполнить установку node_modules, используя команду: 

npm i

После установки для запуска выполните команду: 

npm run dev

Далее инструкции находятся в файле README.MD