Mercado online de frutas y verduras (VegFru)
¡Bienvenido al proyecto Mercado online de frutas y verduras! Esta plataforma está diseñada para conectar a los clientes con vendedores cercanos que venden frutas y verduras frescas. Con una interfaz fácil de usar, los clientes pueden buscar proveedores en un mapa, ver listados de productos y realizar pedidos de forma segura a través de una pasarela de pago.
Haga clic aquí para ver el flujo de VegFru
Note: Fully Mobile Responsive
Características de la aplicación:
| Características del cliente | Funciones del proveedor: cree y administre su tienda |
|---|---|
| 1. Busque proveedores cercanos en un mapa: - Ubique fácilmente proveedores cercanos utilizando una interfaz de mapa interactiva. | 1. Creación de tienda: los proveedores pueden crear y personalizar su tienda en línea dentro de la plataforma. Pueden configurar la tienda con marcas, logotipos e información de la tienda. |
| 2. Vea perfiles de proveedores y listados de productos en el mapa: - Acceda a perfiles de proveedores detallados y explore listados de productos directamente desde la interfaz del mapa. | 2. Gestión de inventario: los proveedores acceden a un panel sólido para una gestión de inventario eficiente. Pueden agregar, editar o eliminar listados de productos, actualizar cantidades y establecer precios. |
| 3. Realice pedidos y pague de forma segura a través de Stripe: - Realice pedidos sin problemas de los productos deseados a los proveedores utilizando la sólida y segura pasarela de pago Stripe. | 3. Procesamiento de pedidos: los proveedores pueden gestionar pedidos de manera eficiente, revisar detalles y preparar entregas directamente desde el panel. |
| 4. Seguimiento de pedidos en tiempo real: - Realice un seguimiento del estado, los detalles y los pagos del pedido en tiempo real desde la confirmación hasta la entrega. | 4. Información: los proveedores obtienen acceso a los ingresos diarios, los totales de los clientes y los datos de los pedidos, lo que proporciona valiosa información empresarial que ayuda a comprender el rendimiento de la tienda. |
| 5. Confirmación por correo electrónico después de realizar un pedido con éxito: - Reciba una confirmación por correo electrónico inmediatamente después de realizar un pedido con éxito. |
Tecnologías utilizadas
Este proyecto está construido utilizando tecnologías web modernas, que incluyen:
| Tecnología | Opciones |
|---|---|
| Interfaz | ReaccionarJS/SiguienteJS |
| Marco de interfaz de usuario | ChakraUI/Viento de cola |
| backend | NodeJs/ExpressJS |
| Base de datos | MongoDB |
| Contenedorización | Estibador |
| Servicios de localización | API Mapbox (búsquedas basadas en ubicación, integración de mapas, API de dirección, API de distancia) |
| Pasarela de pago | Pago a rayas |
| Almacenamiento en caché | Redis (para reducir las solicitudes de base de datos, optimizar el rendimiento y reducir el tiempo de respuesta) |
| Limitación de tasa | Utilizado para controlar las tasas de solicitudes, implementado como middleware en ExpressJS para evitar solicitudes excesivas y garantizar la estabilidad del servidor. |
| Ganchos web | Se utiliza para guardar detalles de pago en la base de datos. |
| Notificaciones por correo electrónico | Enviado mediante el servidor SMTP de Gmail y Nodemailer |
| Token de acceso y token de actualización | Implementado con interceptores Axios para mejorar la experiencia del usuario |
Capturas de pantalla del lado del cliente
Capturas de pantalla del lado del proveedor
Contacto
Si tiene alguna pregunta o comentario, comuníquese conmigo en [email protected], visite mi sitio web: haga clic aquí ¡Nos encantaría saber de usted!
