Skip to content

Plataforma Web y Movil acerca de una Red Social de barberia hecha en Spring Boot, MySQL, Angular, Tailwind y desplegada en Vercel

Notifications You must be signed in to change notification settings

No-Country-simulation/s21-12-n-webapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Barbelink

Equipo-s21-12-n-webapp

image

ℹ️ Información del Producto

Nuestra plataforma es una aplicación web tipo red social de conexión de barberías; diseñada para conectar usuarios con barberías. El sistema permite a las barberías y barberos independientes registrar su negocio, agregando sus datos de contacto y horarios disponibles para atender a los clientes. Los clientes pueden buscar barberías aplicando filtros de búsquedas sin necesidad de registrarse en la plataforma; como usuarios registrados, los clientes podrán reservar turnos disponibles en la barbería de su elección y calificar el servicio de las mismas.

Los usuarios pueden interactuar en tres modos: Modo cliente no registrado (Explorador), Modo cliente registrado (Reservar turnos y calificar barberías) y Modo barbería (carga de datos de contacto, publicación y confirmación de turnos). Los usuarios pueden registrarse en forma segura, accediendo de entrada al modo cliente registrado o barbería registrada: en el modo cliente registrado, pueden explorar la plataforma y reservar turno con las barbería de su elección; y el modo barbería o barbero independiente pueden cargar los horarios disponibles, confirmar o cancelar los turnos reservados de los clientes y agregar sus datos de contacto.

Los administradores son los dueños de la plataforma y tienen acceso a todas las funcionalidades de administración y gestión de la misma; como son: Gestión de usuarios y contenido, configuración de la plataforma, supervisión de las transacciones y estadísticas y soporte y resolución de problemas.

La aplicación, construida con tecnologías web modernas, garantiza un rendimiento óptimo y una experiencia fluida. Se implementan medidas de seguridad robustas para proteger la información de los usuarios. El diseño asegura acceso desde dispositivos móviles, PC portátiles y de escritorio. Un equipo de soporte técnico mantiene la operatividad de la plataforma. Con un enfoque en la centralización de recursos y soporte global, Barbelink marcará un nuevo estándar en la conexión entre barberos, barberías y clientes, ayudando a la comunidad y asegurando una experiencia eficiente y sin complicaciones.

🎯 Objetivo del proyecto

El objetivo del proyecto es desarrollar una plataforma intuitiva y eficiente que permita interconexiones dentro de una comunidad global de barberías, barberos independientes y clientes. Con un enfoque en gestión de turnos reservados por los clientes y confirmados por las barberías; nuestra misión es ofrecer un entorno que facilite el contacto continuo entre barberías y clientes. La plataforma debe ofrecer una experiencia de usuario fluida, donde las barberías se den a conocer, compartiendo información como su ubicación, una breve descripción y datos de contacto hasta la selección de turnos ofrecidos por las mismas y proporcionar herramientas de gestión robustas para los administradores

🤝🏻 Beneficios para StakeHolders

Clientes, barberos y barberías:

  • Para clientes, facilidad en búsqueda, selección y reserva de turnos para su atención.
  • Posibilidad de calificar la barbería de su uso, agregando su recomendación.
  • Opciones de selección de servicios especializados en el entorno de las barberías por parte de los usuarios, para una experiencia más personalizada.
  • Para barberías y barberos independientes, acceso a un marketplace de servicios en su rama para monetizar.
  • Disponibilidad de un sistema de puntuación y ranking, que determina el posicionamiento de las barberías mejor puntuadas en la sección de más recomendadas del home de la plataforma, incentivándolos a mejorar continuamente.

Administradores:

  • Herramienta central de gestión y control de la plataforma para monitorear, configurar y supervisar cada aspecto del sistema.
  • Visualización de estadísticas y métricas, como: total de usuarios activos y registrados, nuevos usuarios por período de tiempo, gestión de turnos recientes, contenido publicado y uso de la plataforma.
  • Monitoreo de alertas y notificaciones, como: incidentes de seguridad, usos indebidos, consultas de soportes pendientes y revisión de publicaciones que requieran revisión.
  • Disponibilidad de un panel de configuración rápida para acceso directo a configuraciones como: permisos y ajustes de contenido.
  • Funcionalidad para suspender o bloquear cuentas en casos de incumplimiento de políticas.
  • Disponibilidad de registro detallado de la actividad de cada usuario en la plataforma, como: actividad en cada turno (reservado y confirmado); interacciones en las calificaciones, comentarios y publicaciones; detección de usos indebidos u otros comportamientos no permitidos.
  • Visualización de datos individuales de cada usuario, como: turnos reservados, confirmados y cancelados, calificaciones recibidas por parte de los clientes; ranking en la plataforma y puntuación general (de los clientes a las barberías o barberos independientes).
  • Administración de contenidos públicos, como: descripción de la barbería, revisión y moderación de publicaciones y calificaciones obtenidas de los clientes.
  • Control de Filtros y Criterios de Búsqueda, como: personalización y organización de filtros por su popularidad.
  • Obtención de reportes personalizados y análisis de comportamientos y tendencias.
  • Configuración general y mantenimiento de la plataforma en cuanto a gestión de seguridad, configuración de notificaciones / mensajería e integración de servicios y API’s.
  • Control de información y usos indebidos, mediante un sistema de monitoreo de interacciones y un historial de alertas y acciones tomadas.

🛠️ Tecnologías Utilizadas:

  • Herramientas de Gestión y Diseño:

    . Trello: Herramienta de gestión de proyectos basada en tableros.

    . Miro: Herramienta que facilita la elaboración de un tablero, donde se establecen y organizan las tareas y sub-tareas a realizar durante la elaboración del proyecto según su orden de prioridades.

  • Frontend:

    . Tailwind: Framework de CSS que permite crear interfaces de usuario personalizadas para sitios web. Se basa en clases predefinidas que se pueden aplicar al código HTML.

    . Angular: Framework de JavaScript que se utiliza para crear aplicaciones web de una sola página. Herramienta de código abierto que permite construir aplicaciones escalables, dinámicas y de alta calidad.

    . Node.js: Entorno de ejecución de JavaScript que permite crear aplicaciones web, servidores, scripts y herramientas de línea de comando. Es una herramienta muy solicitada en entornos empresariales.

    . Visual Studio: Entorno de desarrollo integrado (IDE) que permite a los desarrolladores crear aplicaciones, juegos y extensiones. Se puede usar para editar, depurar, compilar y publicar código.

    . Nginx: Software de servidor web de código abierto que se utiliza para balancear carga, proxy inverso, almacenamiento en caché y más. Es conocido por su rendimiento, estabilidad y bajo consumo de recursos.

  • Backend:

    . Intellij Idea: Entorno de desarrollo integrado (IDE) que se utiliza para desarrollar programas informáticos. Es una herramienta que ayuda a escribir código de alta calidad.

    . Java con Spring: Herramientas para crear aplicaciones web, microservicios y aplicaciones empresariales. Spring es un framework de Java que ayuda a los desarrolladores a crear aplicaciones de alto rendimiento.

    . MySQL: Sistema de gestión de bases de datos relacionales que se utiliza para almacenar y administrar datos. Es una de las bases de datos más populares del mundo y se usa en sitios web, redes sociales, y aplicaciones.

    . Server: Sistema que proporciona recursos, datos, servicios o programas a otros ordenadores, conocidos como clientes, a través de una red.

    . Swagger: Conjunto de herramientas para diseñar, construir, documentar y utilizar API RESTful. Es una especificación independiente del lenguaje que se ha usado como sinónimo de OpenAPI.

    . Nginx: Software de servidor web de código abierto que se utiliza para balancear carga, proxy inverso, almacenamiento en caché y más. Es conocido por su rendimiento, estabilidad y bajo consumo de recursos.

  • UX/UI:

    . Figma: Herramienta de diseño de interfaz de usuario y prototipado colaborativo basada en la nube.

  • Herramientas de QA:

    . Google Sheets: Herramienta de hoja de cálculo de Google para documentación y registro de Historias de Usuario y Casos de Prueba sobre las funcionalidades de la plataforma.

💪🏻Equipo de trabajo

Rol Nombre Foto Perfil de LinkedIn Perfil de GitHub
QA Tester Arnoldo Felce Bordes redondeados de la imagen LinkedIn Arnoldo GitHub Arnoldo
QA Tester Javier Nicolás Godoy Bordes redondeados de la imagen LinkedIn Javier Nicolás GitHub Javier Nicolás
Frontend Jesus Medina Bordes redondeados de la imagen LinkedIn Jesus GitHub Jesus
Frontend Martín Laguna Bordes redondeados de la imagen LinkedIn Martín GitHub Martín
Backend Jeremías Rivelli Bordes redondeados de la imagen LinkedIn Jeremías GitHub Jeremías
Backend Manuel Aranguri Bordes redondeados de la imagen LinkedIn Manuel GitHub Manuel

🐞 Instalación y ejecución del proyecto:

https://github.com/No-Country-simulation/s21-12-n-webapp/tree/main/frontend

🐞 Evidencia Cliente

Requerimientos y Objetivos del proyecto:

https://docs.google.com/document/d/1pJVeTVUiXpxjKsRp3UOk7LAQIUo7mMhbZGB2EoaExDA/edit?usp=drive_link

https://docs.google.com/document/d/1eIqH5WsCBAY4I7VztPz14ptddEAnroPq/edit?usp=drive_link&ouid=114968252458563670851&rtpof=true&sd=true

https://miro.com/app/board/uXjVIez-t0A=/

https://trello.com/b/qp3E4Hrh/s21-14-barbelink

🐞 Evidencia Tester QA

https://drive.google.com/drive/folders/1f3mluMXEf0c3J4JHwHkoqwcaSwevuBFz

Historias de Usuario y Criterios de Aceptación:

https://docs.google.com/document/d/1SG39JyWrnQEyAbsw8VeK8NBWuix3SZrK/edit?usp=drive_link&ouid=114968252458563670851&rtpof=true&sd=true

Casos de Prueba:

https://docs.google.com/spreadsheets/d/1w2wycux0cfAwbk4o8svx7D2agmLyPXvK/edit?usp=drive_link&ouid=114968252458563670851&rtpof=true&sd=true

https://docs.google.com/spreadsheets/d/12DGFCGusWAdSuXdF1MNDpw-DflwPqzbx/edit?usp=drive_link&ouid=114968252458563670851&rtpof=true&sd=true

🎨 Evidencia UX/UI

Diseño en Figma

https://www.figma.com/design/XF87oCxn4kK3tB4rIGWNLU/Barber?node-id=0-1&p=f&t=Z8AQLzm5hW21SUyo-0

🐞 Evidencia Frontend:

Sitio web desplegado del proyecto

https://barbelink.vercel.app/

Aplicacion Movil Android:

https://drive.google.com/file/d/1XK50lWEFN2mx_Y3q_RnjbjdVb-xuaUWN/view?usp=drive_link

🐞 Evidencia Backend:

Api desplegada

https://apibarberlink-render.onrender.com/

Documentacion de la api

https://apibarberlink-render.onrender.com/swagger-ui/index.html#/

About

Plataforma Web y Movil acerca de una Red Social de barberia hecha en Spring Boot, MySQL, Angular, Tailwind y desplegada en Vercel

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6