Ecommerce frontend

Este proyecto está basado en la página https://www.ogsbrand.com, gran parte del diseño de su interfaz de usuario ha sido copiada con el propósito de omitir la fase de branding y diseño, pudiendo así centrarse en el desarrollo de la interfaz a nivel de comunicación entre cliente y servidor.

🛠️ Stack

• Angular - Angular es un framework de desarrollo front-end desarrollado y mantenido por Google. Se ha utilizado en este proyecto para construir la interfaz de usuario dinámica y interactiva.

• Bootstrap - Bootstrap es un marco de diseño front-end que facilita el diseño y desarrollo de interfaces web responsivas y atractivas. Se ha integrado en el proyecto para mejorar la apariencia y la experiencia del usuario en diferentes dispositivos.

• Spring - Spring es un framework de desarrollo de aplicaciones Java que proporciona una amplia gama de funcionalidades para el desarrollo de aplicaciones empresariales. En este proyecto, se ha utilizado la plataforma Spring, específicamente Spring Boot, para la creación eficiente de servicios RESTful y la gestión del backend.

• PostgreSQL - PostgreSQL es un sistema de gestión de bases de datos relacional de código abierto y altamente extensible. Ha sido empleado como el sistema de gestión de base de datos principal para almacenar y recuperar datos de manera eficiente en el proyecto.

📚 Bibliotecas utilizadas

• PrimeNG - PrimeNG es una biblioteca de componentes de interfaz de usuario (UI) para aplicaciones Angular. Ofrece un conjunto completo de componentes nativos de Angular, mejorando el proyecto con una variedad de elementos ricos en características y personalizables, como tablas de datos, gráficos y componentes de entrada.

• SweetAlert2 - SweetAlert2 es un reemplazo elegante, receptivo y personalizable para los cuadros de diálogo de alerta, confirmación y entrada de JavaScript. Proporciona una forma visualmente atractiva y amigable para mostrar alertas y mensajes, contribuyendo a una mejor experiencia general del usuario.

• ngx-translate - ngx-translate es una biblioteca para internacionalización (i18n) en aplicaciones Angular. Facilita la traducción de contenido de texto a varios idiomas, permitiendo que el proyecto admita a usuarios con diferentes preferencias de idioma.

Demo 1 "Carrito del usuario"

E-commerce.-.Cart.mp4

Demo 2 "Inicio de sesión"

E-commerce.-.Login.mp4

Demo 3 "Perfil del usuario"

E-commerce.-.Account.mp4

Demo 4 "Proceso de pago"

E-commerce.-.Checkout.mp4

Demo 5 "Verificación de email"

E-commerce.-.Email.verification.mp4