Сайт доставки торта
Введение
Приложение для доставки торта-это веб-приложение с полным стеком, созданное с использованием .NET 0.8 для бэкэнд, веб-API, SQL для управления базами данных, и отреагировать на фронт. Приложение позволяет клиентам просматривать каталог тортов, настраивать заказы и размещать безопасные заказы с помощью автоматического обнаружения местоположения. Система также включает в себя панель администратора для управления тортами, категориями, клиентами и пользователями, предоставляя плавный опыт как для клиентов, так и для администраторов.
Функции
Приложение клиента
Каталог тортов
Клиенты могут исследовать широкий спектр тортов, организованных по категориям, что позволяет легко найти идеальный торт.
Настройка заказа
Клиенты могут персонализировать свои заказы, выбирая определенные размеры и количества тортов, а затем добавить эти индивидуальные торты в корзину для покупок для удобства управления перед оформлением.
Локация автоматическая обнаружение
Благодаря интеграции Leaflet React, приложение автоматически обнаруживает местоположение клиента во время оформления заказа, упрощая процесс, устраняя необходимость вручную вводить адреса, особенно полезные для мобильных пользователей.
Безопасная проверка
Процесс оформления заказа собирает контактные данные о клиентах, информацию о платежах и подтверждает автоматический определенный адрес доставки, обеспечивая плавный и безопасный опыт заказа.
Система обратной связи
После завершения заказа клиентов предлагается оставить отзывы об их опыте. Эти обзоры отображаются на домашней странице, что позволяет новым посетителям просматривать реальные отзывы от других клиентов.
Динамическая домашняя страница
- Недавно добавленные торты : выделяет новейшие дополнения к каталогу, побуждая клиентов возвращать и исследовать свежие варианты.
- Отзывы и отзывы клиентов : отображает реальные отзывы клиентов, добавляя доверие и помогая новым пользователям принимать осознанные решения.
- Контактная информация : Основная контактная информация отображается заметно, что позволяет клиентам легко обращаться с вопросами или специальными запросами.
Панель администратора
- Страница входа в систему администратора предоставляет безопасное доступ к панели администратора, гарантируя, что только авторизованные пользователи могут управлять данными и функциональностью приложения.
- Обзор панели панели панели управления администратором обеспечивает краткую резюме продаж за неделю, что позволяет администраторам с первого взгляда сразу же увидеть метрики эффективности бизнеса, определять тенденции и принимать решения, управляемые данными.
- Управление тортами Специальная страница тортов дает администраторам возможность просматривать, добавлять, обновлять или удалять торты из каталога. Контроль количества запасов: администраторы могут скорректировать количество каждого торта на складе, чтобы обеспечить точную доступность для клиентов.
- Управление категориями страница категорий организует торты в классификации (например, день рождения, годовщина, сорняки ...), что позволяет клиентам легко навигацию каталог. Администраторы могут добавлять новые категории, редактировать существующие или удалять устаревшие.
- Администраторы управления клиентами могут получить полный список клиентов, которые разместили заказы, предоставляя представление о поведении клиентов и позволяя им решать любые вопросы или проблемы, специфичные для конкретной учетной записи.
- Администраторы управления пользователями могут создавать новые учетные записи пользователей для дополнительных сотрудников, управлять существующей информацией пользователя и обновлять адреса электронной почты или сбросить пароли при необходимости, обеспечивая плавную и безопасную работу системы.
Технологии используются
База данных
- База данных: Microsoft SQL Server с Ado.net.
Внешний интерфейс
- Сборка инструмента: Vite для эффективного построения проекта.
- React запрос: для удаленного управления состоянием и извлечения данных.
- Контекст API для управления государством UI.
- React Router: для реализации маршрутизации.
- Tailwindcss: для стиля.
- Реактируйте форму крючка для управления формами.
- Recharts: библиотека для диаграмм, чтобы показать статистику.
- React-Hot-Toast: для уведомлений о тосте.
- React-Icons: для значков пользовательского интерфейса.
Бэкэнд
Контроллеры:
- Организовать и обрабатывать HTTP -запросы на ресурсы (например, торты, заказы).
- Определите действия CRUD с помощью HTTP -методов (Get, Post, Pult, Delete).
Модели/DTOS:
- Определите структуры данных для оптимизации передачи данных клиентского сервера.
HTTP Методы:
- GET: Получить ресурсы (например, список тортов).
- Сообщение: Создайте новые ресурсы (например, отправьте заказ).
- Поместите: обновить существующие ресурсы (например, изменить детали торта).
- Удалить: удалить ресурсы (например, удалить торт).
Коды статуса:
- 200 OK: успешный поиск данных/обновление.
- 201 создан: создание ресурсов успешно.
- 204 Нет контента: ресурс успешно удален.
- 400 Плохой запрос: неверные данные получены.
- 404 не найдено: ресурса не существует.
Валидация:
- Обеспечивает точные и безопасные входящие данные.
- Атрибуты модели и пользовательская логика обеспечения требований к данным.
Живая демонстрация
Нажмите меня!
