Skip to content

No-Country-simulation/h3-08-klowhub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 

Repository files navigation

KlowHub Equipo-h3-08-klowhub image

ℹ️ Información del Producto

Nuestra plataforma es una aplicación web tipo SaaS (Software como Servicio); diseñada en centralizar y facilitar el acceso a contenido segmentado y específico para el desarrollo de aplicaciones NoCode & LowCode, permitiendo la compra, venta y publicación de productos y servicios digitales relacionados con el ecosistema No/Low Code. Su objetivo principal es conectar a desarrolladores, educadores, y empresas con usuarios que necesiten soluciones ágiles y personalizadas, permitiendo monetizar los conocimientos y habilidades en este entorno.

Los usuarios pueden alternar entre dos modos: Modo Comprador (Explorador) y Modo Vendedor (Creador). Los usuarios pueden registrarse en forma segura, accediendo de entrada al modo comprador, donde pueden explorar la plataforma y comprar los productos y servicios disponibles; y cuando desee pasar al modo vendedor, deberá completar la información necesaria, incluyendo la firma de términos y condiciones, para luego ser aprobado por el administrador y cambiar su perfil al modo vendedor. El modo vendedor cuenta con tres niveles disponibles: Starter (Gratis), Profesional (Pago) y Experto (Pago), pudiendo elegir postularse en cualquiera de las tres categorías. El modo Starter no paga suscripción y tiene un número limitado de funcionalidades para cargar y vender cursos/Lecciones (3 cursos/lecciones gratuitas, 5 cursos Pagos), cargar y vender aplicaciones. (Límite de 10 Aplicaciones), Perfil de venta no disponible y una única opción de retiro por PayPal (comisión por venta 20%). El modo Profesional es pago, con más disponibilidad de funcionalidades que el Starter para cargar y vender cursos, incluyendo subtítulos automáticos (sin límite de productos), cargar y vender aplicaciones (sin límite de productos), postularse a proyectos, perfil de venta profesional (perfil completo y atractivo mostrando productos, logros, cursos vendidos, reseñas, proyectos y puntuaciones), opciones de retiro por: PayPal (comisión por venta 15%), Stripe (comisión por venta 12%) y Crypto (comisión por venta 8% ). El modo Experto cuenta con todas las funcionalidades para cargar y vender cursos, incluyendo subtítulos automáticos (sin límite de productos), cargar y vender aplicaciones (sin límite de productos), postularse a proyectos, ofrecer servicios de consultoría, subir artículos técnicos, perfil de venta experto (perfil completo y atractivo; mostrando productos, logros, cursos vendidos, reseñas, proyectos, puntuaciones, datos de contacto, canales sociales, enlaces a páginas personales, correos y teléfonos), soporte prioritario, opciones de retiro por: PayPal (comisión por venta 13%), Stripe (comisión por venta 10%) y Crypto (comisión por venta 5%).

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, revisión y aprobación de contenido de los vendedores 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. Un equipo de soporte técnico mantiene la operatividad de la plataforma.

Con un enfoque en la centralización de recursos, soporte global y la comercialización de soluciones, KlowHub marcará un nuevo estándar en el desarrollo sin y bajo código, ayudando a la comunidad a desbloquear todo el potencial de herramientas como AppSheet, Power Apps, y otras plataformas líderes en el mercado; asegurando una experiencia eficiente y sin complicaciones.

🎯 Objetivo del proyecto

El objetivo del proyecto es desarrollar una plataforma SaaS intuitiva y eficiente que permita establecerse dentro de una comunidad global de desarrolladores y usuarios en el ecosistema No Code y Low Code. Con un enfoque en gestión de contenido y productos digitales de plataformas líderes como AppSheet y Power Apps, nuestra misión es ofrecer un entorno que facilite el aprendizaje continuo, fomente la colaboración entre profesionales y permita la monetización del conocimiento técnico. La plataforma debe ofrecer una experiencia de usuario fluida, desde la selección de productos y servicios hasta la compra segura de los mismos y proporcionar herramientas de gestión robustas para los administradores.

🤝🏻 Beneficios para StakeHolders

Clientes y usuarios desarrolladores y creadores:

  • Para clientes, facilidad en búsqueda, selección y compra de cursos, lecciones, plantillas, aplicaciones, solicitud de servicios de asesoría técnica y soporte técnico especializado en el área de desarrollo No Code y Low Code.
  • Disponibilidad de soporte multilingüe, ofreciendo contenido en varios idiomas, incluido el español; pudiendo los clientes aprender a usar herramientas No y Low Code en su idioma natal.
  • Acceso a participar en foros y espacios de discusión para colaborar en el intercambio de conocimientos entre desarrolladores y usuarios.
  • Opciones de solicitar servicio especializado en proyectos por parte de los usuarios, postulaciones por desarrolladores y gestión de proyectos en diferentes tecnologías para una experiencia más personalizada.
  • Para desarrolladores y creadores de contenido, acceso a un marketplace de cursos y tutoriales para monetizar.
  • Para desarrolladores y creadores de contenido, acceso a un marketplace de Mentoría y Consultoría Especializada para monetizar sus conocimientos.
  • Para desarrolladores, acceso a un marketplace de aplicaciones para monetizar
  • Opción de postulación por parte de desarrolladores a proyectos solicitados por la comunidad.
  • Disponibilidad de un sistema de puntuación y ranking, que determina el posicionamiento de los productos en cada sección de la plataforma, incentivando a los creadores 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, ventas y transacciones recientes, contenido publicado y uso de la plataforma.
  • Monitoreo de alertas y notificaciones, como: incidentes de seguridad, usos indebidos, consultas de soportes pendientes y publicaciones pendientes de aprobación de los productos que requieran revisión.
  • Disponibilidad de un panel de configuración rápida para acceso directo a configuraciones como: precios, comisiones, permisos y ajustes de contenido.
  • Capacidad para asignar roles específicos de Administrador, Usuario o Moderador, con permisos personalizados para cada función.
  • 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 módulo (cursos, aplicaciones, proyectos, artículos, consultas técnicas); historial de compras, ventas y consultas realizadas; interacciones en el chat, comentarios y publicaciones; detección de usos indebidos (como intentos de compartir información de contacto (teléfonos, correos)) u otros comportamientos no permitidos.
  • Visualización de datos individuales de cada usuario, como: publicaciones y productos vendidos, calificaciones recibidas en cursos, aplicaciones y consultorías; actividad en foros y consultas técnicas; ranking en la plataforma y puntuación general (por comportamiento y méritos).
  • Administración de contenidos públicos, como: cursos (aprobación), aplicaciones y proyectos, supervisión de consultorías, revisión y moderación de artículos y consultas técnicas.
  • Control de Filtros y Criterios de Búsqueda, como: personalización y organización de filtros por su popularidad.
  • Control de precios y comisiones, en configuración de precios de productos y definición de comisiones.
  • 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:

    1. Next.js: Framework para React que facilita la construcción de aplicaciones web modernas.
    • Características destacadas: SSR y SSG: Mejora el rendimiento y el SEO al renderizar contenido en el servidor.
    • App Router: Simplifica la gestión de layouts y mejora la organización de rutas complejas.
    • Middleware: Permite redirecciones y validaciones dinámicas basadas en el estado del usuario.
    1. TypeScript: Lenguaje de programación basado en JavaScript con tipado estático.
    • Ventajas: Reduce errores al proporcionar un sistema de tipos robusto.
    • Aumenta la claridad del código al definir explícitamente las estructuras de datos.
    1. Tailwind CSS: Framework de utilidades CSS para construir interfaces rápidas y consistentes.
    • Beneficios: Permite escribir estilos directamente en las clases HTML.
    • Facilita la personalización mediante un sistema de configuración extensible.
    1. ShadCN UI: Librería que combina Radix UI con Tailwind CSS para construir componentes accesibles y dinámicos.
    • Mejora la consistencia del diseño y acelera la creación de interfaces reutilizables.
    1. TanStack React Table: Biblioteca para gestionar y mostrar datos en tablas.
    • Características: Soporte para paginación, ordenamiento y filtrado de datos.
    • Altamente personalizable, ideal para manejar grandes volúmenes de información.
    1. Recharts: Librería para crear gráficos interactivos.
    • Ventajas: Flexible y fácil de integrar con datos dinámicos.
    • Permite personalización avanzada para satisfacer necesidades específicas.
    1. SWR (Stale-While-Revalidate): Biblioteca para gestionar datos del cliente.
    • Características: Caché automático para mejorar el rendimiento.
    • Deduplicación de solicitudes para evitar consultas repetitivas.
    • Revalidación en segundo plano para mantener los datos frescos sin interrumpir al usuario.
    1. Zod: Librería de validación basada en esquemas.
    • Usos: Validación de datos en formularios junto con React Hook Form.
    • Mejora la seguridad al garantizar que los datos cumplan con los requisitos especificados.
    1. Sonner: Biblioteca para gestionar notificaciones.
    • Beneficios: Permite mostrar mensajes interactivos y personalizables en tiempo real.
    • Mejora la experiencia del usuario al proporcionar retroalimentación inmediata.
    1. Supabase: Plataforma Backend-as-a-Service.
    • Beneficios: Autenticación integrada y gestión de usuarios.
    • Base de datos en tiempo real con soporte para suscripciones y cambios dinámicos.
  • Backend:

    1. Supabase : Plataforma Backend-as-a-Service.
    • Beneficios: Autenticación integrada y gestión de usuarios.
    • Base de datos en tiempo real con soporte para suscripciones y cambios dinámicos.
    • Almacenamiento de imagenes y archivos.
  • UX/UI:

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

  • Herramientas de QA:

    . FreeMind: Plataforma de para la elaboración del mapa mental de la aplicación.

    . 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
Frontend David Mamani David LinkedIn David GitHub David
Frontend Pedro Nuñez Bordes redondeados de la imagen LinkedIn Pedro GitHub Pedro
QA Tester Arnoldo Felce Bordes redondeados de la imagen LinkedIn Arnoldo GitHub Arnoldo

🐞 Evidencia Cliente

Requerimientos y Objetivos del proyecto:

https://klowhub.notion.site/Requerimiento-para-Hackathon-MVP-No-Country-103a1282656880399595cd585936817a

Tablero de Actividades por Prioridades:

https://miro.com/app/board/uXjVLBd9mBg=/

Regsistro de actividades por Sprint:

https://trello.com/b/62FPX41l/kanban

Drive de documentos y enlaces:

https://drive.google.com/drive/u/0/folders/10Wc_SQK9sybJyA_JFVqvCsWiErnQCDjC

🐞 Evidencia Tester QA

https://drive.google.com/drive/folders/1mr4iO0QwyUC-SYAwud3CA-C3LYXGAWgo?usp=drive_link

Historias de Usuario y Criterios de Aceptación:

https://drive.google.com/open?id=1BrwKPN7JPq-fUmv21lKrWgfrstm3Y5RT&usp=drive_copy

Casos de Prueba:

https://drive.google.com/open?id=1ITYS8H64g8wI6ppUTAxz-Ool0AeoXsx4&usp=drive_copy

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

Mapa Mental:

https://drive.google.com/open?id=1WaZfnP4SFsEcISDqP310vKIebXeESBdX&usp=drive_copy

Mapa Mental:

https://drive.google.com/open?id=1WaZfnP4SFsEcISDqP310vKIebXeESBdX&usp=drive_copy

🎨 Evidencia UX/UI

Diseño en Figma

https://www.figma.com/design/MsyB0jfdKAU2dOIoIB9rW2/AppSheetHub?node-id=0-1&node-type=canvas&t=MwJ9oAfMhPCpeSri-0

Flujo Plataforma KlowHub

https://www.figma.com/board/pC714J1fs4SJpusPuYaiMj/Flujo-Plataforma-KlowHub?node-id=0-1&node-type=canvas&t=gcFvs8ImVAupx9P0-0

🐞Enlaces relevantes:

https://knowhub.vercel.app/auth/register

https://drive.google.com/drive/u/0/folders/10Wc_SQK9sybJyA_JFVqvCsWiErnQCDjC

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages