Pizza-Go

1
# Описание проекта "Go-Go Pizza"
2

3
## Общее описание
4

5
Проект "Go-Go Pizza" представляет собой веб-сервис доставки пиццы. Веб-сайт включает в себя функционал для выбора пиццы, добавления топпингов, просмотра корзины и оформления заказа.
6

7
## Структура проекта
8

9
### `index.html`
10

11
Основной HTML-файл проекта, который включает в себя структуру веб-страницы. Содержит заголовок, основное содержимое и подвал. Подключает внешние стили, шрифты и JavaScript-файлы для добавления интерактивности.
12

13
### `main.js`
14

15
Основной JavaScript-файл, который инициализирует все необходимые модули и функции для работы веб-страницы. Импортирует модули для управления модальными окнами, рендеринга пицц и топпингов, а также взаимодействия с API.
16

17
### `toppingsToggle.js`
18

19
Файл, содержащий функцию `toppingsToggle`, которая управляет отображением списка топпингов. Добавляет обработчик клика по кнопке выбора топпинга, который открывает или закрывает список топпингов с плавной анимацией.
20

21
### `serviceApi.js`
22

23
Файл, содержащий функцию `getData`, которая отвечает за получение данных с сервера через API. Использует `fetch` для отправки HTTP-запросов и обрабатывает возможные ошибки. Управляет отображением лоадера (загрузчика).
24

25
### `renderToppings.js`
26

27
Файл, содержащий функцию `renderToppings`, которая отвечает за рендеринг списка топпингов на веб-странице. Получает данные о топпингах с сервера и создает элементы списка для каждого топпинга. Управляет выбором топпингов и рендерингом пицц с учетом выбранных топпингов.
28

29
### `renderPizzas.js`
30

31
Файл, содержащий функцию `renderPizzas`, которая отвечает за рендеринг списка пицц на веб-странице. Получает данные о пиццах с сервера и создает карточки пиццы для каждой пиццы. Управляет открытием модального окна с информацией о пицце при клике на кнопку "Выбрать".
32

33
### `renderModalPizza.js`
34

35
Файл, содержащий функцию `renderModalPizza`, которая отвечает за рендеринг модального окна с информацией о выбранной пицце. Создает элементы для отображения изображения пиццы, названия, цены, размера и типа теста. Управляет добавлением пиццы в корзину и отображением кнопки сброса фильтра.
36

37
### `modalController.js`
38

39
Файл, содержащий функцию `modalController`, которая отвечает за управление модальными окнами. Управляет открытием и закрытием модальных окон, анимацией появления и исчезновения, блокировкой и разблокировкой прокрутки страницы, а также вызовом функций обратного вызова при открытии модального окна.
40

41
### `modalCartController.js`
42

43
Файл, содержащий функцию `modalCartController`, которая отвечает за управление модальным окном корзины. Рендерит список товаров в корзине, управляет удалением товаров, переходом между блоками и отправкой заказа на сервер.
44

45
### `helper.js`
46

47
Файл, содержащий вспомогательные функции для упрощения и улучшения кода. Включает функции для преобразования первой буквы строки в верхний регистр, создания радио-кнопок и меток.
48

49
### `cartControl.js`
50

51
Файл, содержащий объект `cartControl`, который отвечает за управление корзиной. Включает методы для добавления, удаления и очистки товаров в корзине, а также сохранение данных корзины в `localStorage`.
52

53
### `scrollController.js`
54

55
Файл, содержащий объект `scrollController`, который отвечает за управление прокруткой страницы. Включает методы для отключения и включения прокрутки, сохранения текущей позиции прокрутки и восстановления её после разблокировки прокрутки.
56

57
## Оптимизация изображений
58

59
Изображения продукции конвертированы в формат WebP для оптимизации загрузки и улучшения производительности. Это позволяет уменьшить размер изображений и ускорить загрузку страницы, что улучшает пользовательский опыт.
60