✍️ adminApp
adminApp — это приложение электронной коммерции стека MERN (только на стороне администратора).
⚛️ Используемые техстеки
Основные характеристики
- Полностью отзывчивый и удобный для пользователя
- Темный и светлый режим
- Область уведомлений
- Добавляйте, обновляйте и удаляйте продукты
- Создание, обновление и удаление категорий
- Регистрация, обновление и удаление сотрудников
- Поиск сотрудников (по имени, электронной почте и номеру телефона)
- создавать, обновлять и удалять купоны
- Импорт и экспорт продуктов, категорий, купонов и клиентов.
- Скачать заказы
- Поиск и фильтрация заказов по их:
- Статус (доставлено, в ожидании, в обработке и отменено)
- Дата начала и окончания
- Имя клиента и
- Лимиты заказов
- Добавляйте, обновляйте, удаляйте и осуществляйте поиск международных языков и валют.
- Настройка для управления администратором и магазином.
- Все зарегистрированные клиенты перечисляют и показывают общее количество заказов индивидуально.
- Добавлено PWA
- Динамический перевод всех динамических данных, таких как продукты, категории, атрибуты и купоны.
- Атрибуты продукта и комбинация.
- И многое другое, включая все необходимые проверки
Начало работы и установка
- Установите Node и npm
- Форкнуть проект
- откройте проект в вашем любимом редакторе кода
Бэкэнд-установка
Перейдите в каталог adminApp-backend
, затем выполните следующую команду, чтобы установить зависимости?:
Настройте базу данных MongoDB. после настройки вы найдете URI mongo, просто поместите его в переменную MONGO_URI вашего файла .env
.
Как только вы успешно подключитесь к MongoDB и настроите .env , а затем запустите npm run data:import
, он запустит файлseed.js и импортирует все демонстрационные данные в базу данных. Если все в порядке, то настройка бэкэнда завершена. Теперь вы найдете все демонстрационные данные в своей базе данных MongoDB.
Теперь запустите npm run dev
, он запустит ваш бэкэнд на локальном сервере через ПОРТ 5055 или ваш входной ПОРТ.
Административная установка
- Перейдите в каталог adminApp-admin , затем выполните следующую команду, чтобы установить зависимости?:
- Создайте облачную учетную запись. Затем получите свое облачное имя, API_KEY и API_SECRET. По завершении скопируйте и вставьте эти значения в строки REACT_APP_CLOUD_NAME, REACT_APP_CLOUDINARY_API_KEY и REACT_APP_CLOUDINARY_API_SECRET соответственно из файла .env.local .
- Теперь запустите
npm start
, оно запустит ваше приложение adminApp на локальном сервере по адресу http://localhost:4000.
Посетите adminApp
Проблемы
Если вы обнаружите какие-либо проблемы при установке или использовании приложения, откройте проблему с тегом «улучшение».
Примечание. Обязательно просмотрите существующие проблемы, чтобы проверить, существует ли проблема уже.
Вклад
Мы очень ценим любой ваш вклад. Если у вас есть предложение, которое могло бы улучшить это приложение, пожалуйста:
- Форкнуть репо
- Создайте свою ветку функций
- Зафиксируйте свои изменения
- Отправить в филиал
- Открыть запрос на включение
Вы также можете просто открыть обсуждение или проблему с тегом « улучшение ».
Авторы изображений
- Unsplash – https://unsplash.com
- Пексели – https://pexels.com
- PNG — https://www.pngwing.com/
- Инстакарт – https://instacart.ca
? Если вам понравился этот проект, поставьте ему лайк и поделитесь им с друзьями!