✍️ aplicación de administración
adminApp es una aplicación de comercio electrónico de pila MERN (solo en el lado administrativo).
⚛️ Pilas tecnológicas utilizadas
Características principales
- Totalmente responsivo y fácil de usar
- Modo oscuro y claro
- Área de notificación
- Agregar, actualizar y eliminar productos
- Crear, actualizar y eliminar categorías.
- Registrar, actualizar y eliminar personal
- Buscar personal (por nombre, correo electrónico y número de teléfono)
- crear, actualizar y eliminar cupones
- Importar y exportar productos, categorías, cupones y clientes.
- Descargar pedidos
- Busque y filtre pedidos por sus:
- Estado (entregado, pendiente, procesando y cancelado)
- Fecha de inicio y finalización
- Nombre del cliente y
- Límites de pedidos
- Agregar, actualizar, eliminar y buscar idiomas y monedas internacionales
- Una configuración para controlar el administrador y la tienda.
- Todos los clientes registrados enumeran y muestran sus pedidos totales individualmente.
- PWA agregada
- Traducción dinámica de todos los datos dinámicos, como productos, categorías, atributos y cupones.
- Atributos y combinación del producto.
- Y más, incluidas todas las validaciones necesarias.
Introducción e instalación
- Instalar nodo y npm
- bifurcar el proyecto
- abre el proyecto en tu editor de código favorito
Instalación de back-end
Navegue hasta el directorio adminApp-backend
, luego ejecute el siguiente comando para instalar las dependencias:
Configure su base de datos MongoDB. después de la configuración, encontrará un URI de mongo. Simplemente colóquelo en la variable MONGO_URI de su archivo .env
.
Una vez que se conecte exitosamente con MongoDB y configure .env , luego ejecute npm run data:import
, ejecutará el archivo seed.js e importará todos los datos de demostración en la base de datos. Si todo está bien, entonces se realiza la configuración del backend. Ahora encontrará todos los datos de demostración en su base de datos MongoDB.
Ahora ejecute npm run dev
, ejecutará su backend en el servidor local en el PUERTO 5055 o su PUERTO de entrada.
Instalación de administrador
- Navegue hasta el directorio adminApp-admin , luego ejecute el siguiente comando para instalar las dependencias:
- Crea una cuenta en la nube. Luego, obtenga su nombre de nube, API_KEY y API_SECRET. Una vez que haya terminado, copie y pegue estos valores en las líneas REACT_APP_CLOUD_NAME, REACT_APP_CLOUDINARY_API_KEY y REACT_APP_CLOUDINARY_API_SECRET respectivamente desde el archivo .env.local .
- Ahora ejecute
npm start
, ejecutará su adminApp en el servidor local en http://localhost:4000
Visita adminApp
Asuntos
Si encuentra algún problema al instalar o utilizar la aplicación, abra un problema con la etiqueta "mejora".
Nota: asegúrese de examinar los problemas existentes para comprobar si el problema ya existe.
Contribución
Cualquier contribución que hagas será muy apreciada . Si tiene alguna sugerencia que pueda mejorar esta aplicación, por favor:
- Bifurcar el repositorio
- Crea tu rama de funciones
- Confirma tus cambios
- Empujar a la sucursal
- Abrir una solicitud de extracción
También puedes simplemente abrir una discusión o un problema con la etiqueta " mejora ".
Créditos de imagen
- Unsplash – https://unsplash.com
- Pexels – https://pexels.com
- Pngwing-https://www.pngwing.com/
- Instacart – https://instacart.ca
? Si te gusta este proyecto, ¡dale un y compártelo con amigos!