интернет мазазин SushiTime

Веб-программирование
8 просмотров
15.08.2025
1280×72050 КБ
5206326208109869232.jpg
1280×720119 КБ
5206255414163929205.jpg
1280×71565 КБ
5206255414163929209.jpg
1280×72046 КБ
5206255414163929154.jpg
1280×72049 КБ
5206255414163929156.jpg

SushiTime — это полноценный сайт службы доставки суши и роллов, с современным дизайном, корзиной и админ-панелью. Проект полностью готов к использованию

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


2. Страницы и структура

  • Главная страница (index.html)

    • Баннер с логотипом 🍣🥢 и анимацией.

    • Блок с популярными блюдами в карточках.

    • Кнопка перехода в меню.

  • Меню (menu.html)

    • Полный список блюд: суши, роллы

    • Фото, название, цена, кнопка «В корзину».

    • Разделы “Суши” и “Роллы” с отдельными страницами.

  • Корзина

    • Отображение выбранных блюд.

    • Подсчёт итоговой суммы и количества.

    • Кнопка «Очистить корзину».

    • Форма заказа (имя, телефон, email).

    • Сохранение заказа в базу данных.

  • Страница успешного заказа

    • Подтверждение оформления заказа.

    • Кнопка возврата на главную.

  • Админ-панель

    • Авторизация по паролю.

    • Просмотр заказов с деталями.

    • Управление блюдами: добавление, редактирование, удаление, скрытие.


3. Функционал

  • Корзина без перезагрузки страницы.

  • Оформление заказа с автоматическим сохранением в БД.

  • Возможность добавлять, редактировать и скрывать блюда через админку.

  • Разделение меню на категории.

  • Адаптивная верстка для ПК и смартфонов.


4. Технологии

  • Backend: Python + Flask.

  • Frontend: HTML5, CSS3, JavaScript.

  • База данных: SQLite.


5. Дизайн и стиль

  • Современный минималистичный стиль с плиточными карточками.

  • Логотип с анимацией.

  • Плавные hover-эффекты на кнопках и карточках.

  • Цветовая палитра: белый, красный, чёрный, оттенки оранжевого.

Демо:https://youtu.be/-AQtN2tJ8fw?si=xjCUB4wbowQq8x4z