Приложение построено с использованием функциональных React-компонентов.
- все файлы приложения рзмещенны в папках public и src
- в папке public хранится исходный index.html и все картинки и логотипы
- в корне src находится основной файл приложения - index.js, глобальные стили - index.css, для хранения данных о товарах добавленных в корзину используется useState, а для связи компонентов со стейтом приложения используется useContext, к тому же поскольку все приложение построено по принципу SPA, вышеописанного подхода достаточно для хранения данных о продуктах в корзине.
- однако, для хранения данных при возможных перезагрузках страницы также используется sessionStorage, файл для доступа к нему - storageHandle в корне src.
- компоненты (Шапка, витрина продуктов, корзина и подвал) хранятся каждый в своей папке внутри src, там же хранятся их уникальные стили и некоторые подкомпоненты
- в папке product также храниться "база" товаров в файле productBase
- структура и логика корзины находяться в папке cartLogic
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.