alanrios21/c15-23-m-java-react

Sistema de comercio electrónico diseñado para tiendas pequeñas y medianas.

c15-23-m-java-react

ShopSwiftly Ecommerce

• Introducción y Visión General
• ¿Qué es una Plataforma SaaS?
  • Accesibilidad
  • Costo-Efectividad
  • Escalabilidad
  • Actualizaciones Automáticas
• Puntos de Venta Únicos
• Demo
• Estado
• Tecnologías
  • Frontend
  • Backend
  • QA
• Dependencias Frontend
• Dependencias Backend
• Uso de la App-Web
• Integrantes
• Documentación Adicional

To read this document in English, click here.

Introducción y Visión General

ShopSwiftly es un sistema de comercio electrónico diseñado específicamente para tiendas pequeñas y medianas. Proporciona a los comerciantes una plataforma intuitiva y atractiva para expandir su alcance, permitiéndoles vender sus productos en línea. La aplicación se ofrece como un servicio de software (SaaS) mediante un modelo de suscripción.

¿Qué es una Plataforma SaaS?

SaaS, o Software como Servicio, es un modelo de entrega de aplicaciones de software donde el software se aloja en la nube y se accede a través de internet. Es un modelo basado en suscripción donde los usuarios pagan por usar el software sin necesidad de instalación, mantenimiento ni altos costos iniciales. Las plataformas SaaS son altamente escalables, lo que significa que pueden crecer con un negocio y son accesibles desde cualquier lugar con una conexión a internet.

Las ventajas clave de una plataforma SaaS incluyen:

• Accesibilidad: Los usuarios pueden acceder al software desde cualquier dispositivo con conexión a internet.
• Costo-Efectividad: Reduce la necesidad de inversiones iniciales grandes en infraestructura de TI y mantenimiento continuo.
• Escalabilidad: Se escala fácilmente para acomodar el crecimiento de usuarios y las necesidades cambiantes del negocio.
• Actualizaciones Automáticas: El proveedor de software gestiona las actualizaciones y mejoras, asegurando que los usuarios siempre tengan acceso a las últimas funcionalidades y actualizaciones de seguridad.

En el contexto de ShopSwiftly, nuestra plataforma SaaS proporciona una solución de comercio electrónico personalizable, permitiendo a los clientes desplegar y gestionar sus tiendas en línea con facilidad y eficiencia.

Puntos de Venta Únicos

Monorepo Escalable: Simplifica el escalado a través de un monorepo administrado por Docker-compose.

Ágil y Económico: Facilita las prácticas de desarrollo ágil y minimiza los costos a largo plazo.

Terminación SSL y Agregación de Solicitudes: Mejora la seguridad y el rendimiento a través de la API Gateway.

Demo

Demo ShopSwiftly

Estado del Proyecto

El estado del proyecto se encuentra como un MVP robusto. Actualmente soporta el uso desde dispositivos móviles, tablets, laptops y PCs. Contiene una Arquitectura de microservicios, que permite el desarrollo ágil y fácil despliegue de nuevas funcionalidades.

Tecnologias

• Frontend:

  • Javascript
  • React.Js
  • Styled components
  • Vite Js

• Backend:

  • Java
  • Spring Boot
  • Postgres SQL

• QA:

  • Google Sheets
  • Google Docs
  • Link Directorio de pruebas del proyecto

Dependencias Frontend:

• "bootstrap": Utilizado en su mayoría para dar estilos a ciertos componentes.
• "react-bootstrap": Se utilizan varios componentes ya predefinidos.
• "styled-components": Se uso en la gran mayoría para los estilos personalizados de los componentes.
• "sweetalert2": Para dar mensajes a los usuarios con estilos mas detallados mejorando la UX.
• "swiper": Utilizado para el carousel de categorías.
• "react-loader-spinner": Para efectos de loading al conectar a la BD y dar un mejora de UX.
• "react-router-dom" y "react-dom": Para establecer el enrutamiento y la navegación.
• "react-icons": Libreria de donde se obtienen todos los iconos.

Dependencias Backend:

• "Maven" - Como gestor de dependencias

  • Eureka Client
  • Spring Cloud Config Server
  • Spring Boot Starter Web, incluye Tomcat y spring-webmvc
  • Spring Boot Actuator, para confirmar la salud de los endpoints
  • Spring Boot Starter Data JPA
  • Spring Boot Starter Security
  • Open API, para documentar las APIs
  • JUnit, para realizar test unit
  • Spring Boot Starter Test para hacer las pruebas
  • PostgreSQL connector

• "Docker" - Como container con su plugin

Uso de la app-web

1. Clonar el repositorio desde GitHub.

   git clone https://github.com/No-Country/c15-23-m-java-react

2. Asegurarse que se está en la carpeta correcta para instala las dependencias.

    npm install

3. Ejecuta el proyecto.

    npm run dev

Contribuidores:

• Alan Rios : Front-end developer Tech Leader
• Diego Herrera : Front-end developer
• Kevin Joel Noviello : Front-end developer
• Mariana Rausch : Front-end developer
• Federico Blanco: Front-end developer
• Juan Pablo Godoy: Back-end developer Tech Leader
• Lucas Von Elm: Back-end developer
• Leon Asturizaga Back-end developer
• Diego Persi : Analista QA

Documentación Adicional

Si desea leer con mas detalle información del Backend, lo invitamos a seguir uno de estos links:

• Documentación Backend en Inglés
• Documentación Backend en Español

Si desea leer con mas detalle información del Frontend, lo invitamos a seguir uno de estos links:

• Documentación Frontend (Español)

• Documentación Frontend (Inglés)