MercApp - Presentación

Aquí, lo antiguo es lo nuevo.Compra y vende facilmente.

MercApp

Full Stack Developer

Full Stack Developer

Frontend Developer

Jonatan Endo

Hugo Boyano

Andrés Jiménez

¿Quiénes somos?

Desarrollamos una aplicación web con tecnologías robustas y funcionalidades que permitan evitar la negociación sin intermediarios.

Solución

Objetivo

Problema

Generar fluidez en la compra y venta de productos de segunda mano y transacciones seguras.

Se genera un choque entre la parte vendedora y compradora a la hora de negociar un precio, producto o metodos de envios

Desarrollar una plataforma web robusta, eficiente y fácil de usar para la compra y venta de productos de segunda mano, con un fuerte enfoque en la seguridad, la experiencia de usuario y la sostenibilidad.

Objetivo del proyecto.

ML

Base de Datos

Backend

Frontend

Enfocada en crear una estructura de código que sea facilmente comprensible y comunicable.Hace referencia a un software que "grite" su proposito y diseño de manera clara.

Arquitectura Screaming

Inspirada en la arquitectura de Angular, trabaja con Modulos, Controladores, Servicios y Proveedores

Arquitectura Nest JS, modular

Implementación de la funcionalidad Swipe, similar a la de aplicaciones de citas, donde los usuarios deslizan hacia la derecha para mostrar interés o hacia la izquierda para rechazar productos, mejorando la interacción y el dinamismo.

Swipe

Funcionalidad implementada que permite a los compradores realizar ofertas a los vendedores, mejorando la interacción y fomentando las negociaciones dentro de la plataforma.

Ofertas

Canal Bidireccional y Full-Duplex ¿Qué es?: Protocolo que permite comunicación bidireccional persistente entre cliente y servidor, ideal para aplicaciones en tiempo real. Ventajas:

• Baja latencia.
• Reducción de sobrecarga de red.
• Escalabilidad y rapidez en las interacciones.

Salas en WebSocket:

• Descripción: Espacios virtuales donde múltiples usuarios interactúan sobre productos en tiempo real.
• Beneficios: Facilita la negociación y aumenta la interacción entre usuarios, creando una comunidad activa.

WebSocket

Proporciona a los navegadores web y las aplicaciones móviles comunicación en tiempo real (RTC). Permite que la comunicación de audio y video funcione dentro de las páginas web al permitir comuncación entre pares. Llamadas en Tiempo Real:

• Descripción: Llamadas de voz y videollamadas entre compradores y vendedores para resolver dudas o negociar productos.

• Beneficios: Mejora la comunicación directa, acelera negociaciones y fomenta la confianza.

Web RTC

Para la pasarela de pagos hemos utilizado Stripe, esto nos permite integrar una solución segura y eficiente que permita transacciones entre usuarios, cumpliendo con las normativas de seguridad y proporcionando una experiencia fluida.

Stripe

Implementamos un algoritmo de Machine Learning (ML) que recomienda productos personalizados a los usuarios, basado en su comportamiento y preferencias pasadas.

• Recomendaciones personalizadas: El sistema de ML analiza las interacciones pasadas del usuario, como productos que ha visto, comprado o marcado como favoritos, para recomendar productos que le interesen.
• Mejora continua: El algoritmo aprende constantemente de las interacciones de los usuarios, afinando las recomendaciones y haciendo más precisas las sugerencias con el tiempo.
• Sugerencias basadas en comportamiento: Los usuarios reciben recomendaciones según productos similares a los que han visualizado o adquirido anteriormente, creando una experiencia de compra más atractiva y eficiente.

Algoritmo de Machine Learning (ML)

Se implementaron pruebas unitarias y de integración para asegurar la calidad y fiabilidad del sistema, minimizando errores y mejorando la estabilidad.

• Unitarias: Se implementaron pruebas para asegurar que cada función y componente del sistema se comportara como se esperaba.

• E2E:Se realizaron pruebas para garantizar que los componentes del sistema trabajaran bien entre sí, asegurando la coherencia en la plataforma.

• UI/UX: Se llevaron a cabo pruebas de la interfaz de usuario para mejorar la experiencia de los usuarios finales.

Pruebas

CI/CD (Integración Continua / Entrega Continua): Implementación de un flujo de trabajo automatizado para realizar pruebas, generar builds y desplegar la aplicación automáticamente al entorno de producción, reduciendo el tiempo de entrega y los errores humanos. Docker: Uso de Docker para contenerizar la aplicación y asegurar que el entorno de desarrollo sea igual al de producción. Esto asegura que el código funcione correctamente en cualquier entorno, independientemente de las diferencias en la configuración. Automatización de pruebas: Configuración de pipelines para ejecutar pruebas automáticas de la aplicación cada vez que se realice un cambio en el código.

Implementación un flujo de trabajo de despliegue automatizado utilizando herramientas de CI/CD para garantizar que las actualizaciones y nuevas funcionalidades puedan ser implementadas de manera continua y eficiente.

Despliegue

La implementación de JWT para seguridad, WebSockets para interacción en tiempo real, Google AdSense para monetización y el uso de Next y Prisma para garantizar escalabilidad, hacen de la plataforma una solución robusta, eficiente y rentable.

• Seguridad
• Interacción en Tiempo Real
• Monetización
• Escalabilidad

Beneficios de la Plataforma

• Seed de DB: Se creó un proceso para poblar la base de datos con datos de prueba automáticamente, facilitando la validación y el desarrollo durante las pruebas y pruebas iniciales.
• Google AdSense: Integración de Google AdSense para la monetización del sitio web mediante anuncios, asegurando una fuente adicional de ingresos sin interrumpir la experiencia del usuario.
• Analíticas de Tráfico: Integración de herramientas para el análisis del tráfico web, permitiendo comprender mejor el comportamiento de los usuarios y optimizar la plataforma.
• Frontend en Angular: La interfaz de usuario fue desarrollada con Angular, asegurando una arquitectura modular, escalable y una experiencia de usuario dinámica.

• Documentación Front y Back: Documentación detallada tanto del frontend como del backend para facilitar el mantenimiento y la escalabilidad del proyecto.

• Likes: Sistema de "Me gusta" para productos, lo que permite a los usuarios guardar y seguir productos de su interés, y permite a los vendedores conocer qué productos son populares.

Otras Funcionalidades Implementadas

En conclusión, MercApp es una plataforma innovadora, intuitiva y confiable que facilita la compra-venta online entre compradores y vendedores. Inspirada en Wallapop, utiliza tecnologías como NextJS, NestJS y TailwindCSS, asegurando una experiencia rápida, responsive y segura. Además, promueve la economía circular y la sostenibilidad, potenciando el mercado de productos de segunda mano. El próximo paso es realizar una ronda de inversores para expandir y consolidar nuestra posición en el mercado.

Conclusiones y próximos pasos

MercApp

¡Gracias!