Panel de administración de comercio electrónico
Bienvenido al Panel de administración de comercio electrónico, su centro centralizado para administrar múltiples tiendas en línea con facilidad. Este Panel de administración le permite controlar varios aspectos de su negocio de comercio electrónico, incluida la gestión de productos, el inventario, las ventas y más. Creado con Next.js, Shadcn UI, Tailwind CSS, AWS RDS para PostgreSQL, AWS S3 para almacenamiento de imágenes y Clerk para autenticación, simplifica la administración de todo su ecosistema de comercio electrónico.
Características clave
Gestión de múltiples tiendas
- Administre sin problemas varias tiendas, como ropa, comida, computadoras, etc., todo desde un panel centralizado.
- Cree, actualice o elimine vallas publicitarias, categorías, tamaños, colores y productos en diferentes tiendas.
Manejo eficiente de datos
- Utilice tablas con funcionalidades de paginación y búsqueda para ver y administrar datos de manera eficiente.
- Optimice la gestión de inventario y presente fácilmente productos en la página de inicio o archívelos.
Visualización de datos
- Obtenga información sobre el rendimiento de su comercio electrónico con representaciones gráficas de pedidos, ventas e ingresos mediante Recharts.
Autenticación con el secretario
- Autentique de forma segura a los administradores mediante Clerk, permitiéndoles iniciar sesión con sus cuentas de Google mediante OAuth2 o correo electrónico y contraseña.
Gestión de pagos con Stripe
- Administre los pagos sin esfuerzo con la integración de Stripe, brindando una experiencia de transacción perfecta.
Modos temáticos
- Disfrute de una experiencia de usuario personalizada compatible con modos de tema claro y oscuro, lo que mejora la legibilidad y la estética.
Confirmación de pedido
- Reciba confirmaciones automáticas por correo electrónico, incluido un número de seguimiento de pedido único, una vez realizado el pedido, lo que garantiza que siempre estará informado sobre su compra.
Manifestación
Con fines de demostración, las rutas de administración se han deshabilitado intencionalmente para producción para que todos los visitantes puedan ver el sitio web de administración en su estado actual. Se han creado dos tiendas independientes, una de ropa y otra de calzado, con productos preconfigurados.
Explore la demostración del panel de administración de comercio electrónico para experimentar estas funciones en acción.
Tienda acompañada
Página de Github
Sitio web de tienda de comercio electrónico GitHub: Repositorio de GitHub
Sitio web
Descubra la función de tiendas múltiples explorando las dos tiendas distintas, mostrando la versatilidad de la plataforma de comercio electrónico. Siéntase libre de navegar, agregar artículos a su carrito y completar el proceso de pago utilizando la información de la tarjeta de prueba que se proporciona a continuación para disfrutar de una experiencia completa.
Haga clic en los enlaces para explorar los sitios web en vivo:
- Sitio web de tienda de ropa de comercio electrónico
- Sitio web de tienda de zapatos de comercio electrónico
Tecnologías utilizadas
- Next.js: marco React para renderizado del lado del servidor y creación de aplicaciones web
- Shadcn UI: una biblioteca de componentes popular para crear interfaces de usuario accesibles y altamente personalizables
- Tailwind CSS: marco CSS de utilidad para diseñar
- PostgreSQL: un potente sistema de gestión de bases de datos relacionales de código abierto
- AWS RDS: Servicio de base de datos relacional de Amazon Web Services para administrar bases de datos PostgreSQL
- AWS S3: Servicio de almacenamiento simple de Amazon Web Services para almacenar imágenes y otros activos
- Clerk: servicio de autenticación para gestionar de forma segura los inicios de sesión de los usuarios
- Stripe: plataforma de procesamiento de pagos para gestionar pagos recurrentes
- Recharts: una biblioteca de gráficos componibles para crear visualizaciones de datos interactivas
Capturas de pantalla
Página de descripción general (clara)
Página de descripción general (oscura)
Página de productos
Editar página de producto
Página de inicio de sesión del secretario
Licencia
Este proyecto está bajo la licencia MIT.
Contacto
Si tiene alguna pregunta o sugerencia, no dude en comunicarse con:
- Correo electrónico: [email protected]
- LinkedIn: https://linkedin.com/in/kpirabaharan/