СПРАВОЧНИК И ПРАВИЛА
Документация Крошки.
Короткое руководство по возможностям сайта, локальным данным, приватности и границам демо-оформления.
01 · ОСНОВЫ
Начало работы
«Крошка» — многостраничный статический сайт кофейни-пекарни. Откройте меню, чтобы посмотреть выпечку, напитки и завтраки. На карточках доступны быстрое описание, добавление в корзину и избранное.
02 · ПОКУПКИ
Меню, избранное и корзина
Ищите товары по названию, выбирайте категорию и порядок сортировки. Сердце на карточке сохраняет товар в избранном, а быстрый просмотр открывает подробности без перехода на другую страницу.
Корзина сохраняется в этом браузере. Меняйте количество кнопками «−» и «+», удаляйте позиции и переходите к оформлению. Избранное и недавно просмотренные товары тоже остаются только на этом устройстве. Создавать профиль для этих функций не нужно.
03 · ПРОФИЛЬ
Профиль и локальная база
Страница «Профиль» позволяет сохранить имя, почту, телефон, день рождения и любимую категорию. Номер телефона подставляется в форму демо-заказа. Данные записываются в IndexedDB — локальную базу браузера данного устройства и домена.
Это не настоящая регистрация: у профиля нет пароля, серверной проверки личности, восстановления доступа или синхронизации. Другой браузер или устройство не увидит профиль. Не вносите пароли и платёжные данные. Люди, имеющие доступ к устройству и профилю браузера, потенциально могут увидеть локальные данные. Профиль сам по себе не отправляется; при отдельно настроенной отправке заказа имя и телефон из checkout передаются Formspree только после согласия в форме.
Удалите профиль или историю заказов на странице профиля. Для полного сброса корзины и избранного используйте настройки данных сайтов в браузере. Удаление данных браузера также удалит локальную базу.
04 · ОФОРМЛЕНИЕ
Демо-заказ и его статусы
Оформление создаёт локальный демонстрационный номер заказа и сохраняет историю на устройстве. В этом проекте заказ не попадает в кофейню, оплата не производится, а статус «Готов» можно поставить только вручную для демонстрации.
Корзина очищается после успешного локального демо-оформления. Демо-заказ и его статус доступны в истории профиля и на странице оформления.
05 · УСТРОЙСТВО
Офлайн-режим и приватность
После первого посещения Service Worker может открывать закэшированные страницы без сети. IndexedDB и localStorage зависят от настроек браузера, режима приватного просмотра и свободного места; очистка данных сайта удалит локальные корзину, избранное, профиль и историю.
Сайт не подключён к пользовательской базе, аналитике или платежам. Для настоящих аккаунтов и общей истории заказов потребуется отдельный сервер, аутентификация, политика хранения данных и правила доступа. Одной статической публикации на GitHub Pages для этого недостаточно.
06 · О ПРОЕКТЕ
Разработчикам и владельцам
Полная инструкция по запуску, ресурсам, настройке PWA и структуре файлов находится в README проекта. Каталог товаров задаётся в menu-data.js; оформление — в style.css; приложение состоит из обычных HTML и JavaScript-файлов и не требует сборки.
Вопросы по адресу, часам работы и самовывозу описаны на странице «Как найти». Используйте только подтверждённые данные проекта, не вводите в интерфейс вымышленные контакты или условия заказа.