KlowHub es una plataforma SaaS (Software como Servicio) diseñada para centralizar y facilitar el acceso a contenido segmentado y especifico 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.
El impacto de *KlowHub* en la comunidad y el mercado *No & Low Code* será profundo y amplio, rediseñando cómo los usuarios acceden a la información, colaboran y monetizan sus habilidades:
- Transformación en la Forma de Trabajar y Aprender
- KlowHub centralizará los recursos educativos, mejorando considerablemente la eficiencia y efectividad de los desarrolladores que trabajan con diversas plataformas No Code. El acceso rápido a la información necesaria permitirá a los usuarios resolver problemas y desarrollar soluciones más sofisticadas de forma ágil y eficiente.
- Revolución en la Educación No Code
- Al ofrecer contenido estructurado y multilingüe, KlowHub se posicionará como un referente global en la enseñanza del desarrollo No Code. Esta plataforma abrirá las puertas a usuarios de todos los niveles y regiones, permitiéndoles acceder a contenido de alta calidad que elevará sus competencias y les facilitará la entrada al mundo del desarrollo ágil.
- Catalizador de Innovación y Crecimiento
- Al facilitar la monetización de habilidades y soluciones, KlowHub incentivará la creación de nuevas ideas y aplicaciones innovadoras, tanto en AppSheet como en Power Apps y otras plataformas. Esto beneficiará tanto a los desarrolladores individuales como a las empresas, contribuyendo al crecimiento del mercado No Code en su conjunto.
- Expansión y Diversificación del Mercado
- Al ofrecer soporte multilingüe y eliminar las barreras de acceso, KlowHub aumentará la adopción de tecnologías No Code en regiones emergentes, especialmente en países de habla hispana. Esto fortalecerá el ecosistema No Code, permitiendo a las empresas y usuarios de diversas industrias aprovechar las plataformas AppSheet, Power Apps, y otras.
Índice
Explore the docs »
🛠️ NestJS: Framework Backend Principal Seleccionamos NestJS como el framework principal para el backend por las siguientes razones:
Arquitectura modular y escalable 🏗️
NestJS organiza el código en módulos, lo que facilita el crecimiento del proyecto y la incorporación de nuevas funcionalidades sin complicaciones. Ideal para microservicios 🔗
Es perfecto para aplicaciones distribuidas gracias a su compatibilidad nativa con microservicios, permitiendo una comunicación eficiente entre diferentes servicios. Organización y mantenibilidad 📂
Gracias a su enfoque en buenas prácticas, como la inyección de dependencias, NestJS permite mantener un código limpio, estructurado y fácil de escalar con el tiempo. Herramientas integradas 🧰
Incluye herramientas que simplifican la creación de APIs robustas y seguras, como soporte para: Validación de datos ✔️ Autenticación y autorización 🔐 Documentación de APIs (integración con Swagger) 📄 Compatibilidad con TypeScript 🌀
NestJS está completamente basado en TypeScript, lo que mejora la productividad del desarrollador al ofrecer un tipado fuerte y detección de errores en tiempo de desarrollo. Ecosistema rico 🌐
Compatible con múltiples tecnologías de bases de datos (PostgreSQL, MongoDB, etc.) y patrones de comunicación (REST, GraphQL, WebSockets). 💡 Conclusión: NestJS es la elección perfecta para construir aplicaciones backend modernas, modulares y listas para el futuro. 🚀
Gaspar Castillo Catrifol | Omar Nazareno Lujan | Gabriel Braga |
Explore the docs »
-
Next.js ⚛️: Un framework basado en React que permite crear aplicaciones tanto de una sola página (SPA) como de múltiples páginas con renderizado optimizado. Next.js admite generación estática y renderizado del lado del servidor (SSR), lo cual reduce significativamente los tiempos de carga, mejora la experiencia de usuario y optimiza el SEO. Esto es clave para que el Policonsultorio gane visibilidad en buscadores y mantenga un rendimiento alto incluso con grandes volúmenes de datos.
-
Tailwind CSS 🎨: Un framework de diseño CSS basado en utilidades que facilita la creación de interfaces personalizadas y adaptables. Tailwind CSS permite a los desarrolladores diseñar componentes rápidamente mediante un sistema de clases de utilidad. Este enfoque modular agiliza la creación de interfaces consistentes, escalables y visualmente atractivas, lo que asegura una experiencia de usuario profesional y limpia.
-
TypeScript 🛠️: Un superconjunto de JavaScript que incorpora tipado estático, lo cual ayuda a minimizar errores y facilita el trabajo en equipo. TypeScript es ideal para proyectos como Policonsultorio, donde la precisión y fiabilidad son esenciales. El tipado estático hace que el código sea más mantenible y ayuda a detectar problemas potenciales en tiempo de desarrollo, asegurando que el sistema frontend sea robusto y esté libre de errores.
-
Rendimiento y Velocidad Mejorados: Con Next.js, la aplicación optimiza el tiempo de carga gracias a su renderizado eficiente y su capacidad para servir páginas pre-renderizadas. Esto mejora la percepción del usuario y permite que los profesionales accedan rápidamente a la información del sistema.
-
Consistencia y Escalabilidad en el Diseño: Tailwind CSS permite la creación de una interfaz uniforme y fácilmente escalable. Esto es fundamental para el Policonsultorio, ya que asegura que los cambios de diseño sean implementados de forma rápida y consistente en todas las secciones de la aplicación.
-
Código Seguro y Eficiente: Gracias a TypeScript, el código frontend es menos propenso a errores y más fácil de entender y mantener. Esta confiabilidad en el código es especialmente importante en un entorno donde los datos médicos y la precisión en el manejo de información son críticos.
- Autenticación y Autorización Segura: Usando Spring Security, JWT y OAuth para garantizar acceso controlado.
- Documentación Interactiva de la API: Con Swagger para una mejor comprensión y facilidad de uso.
- Despliegue en la Nube: Implementado en Railway para alta disponibilidad.
- Pruebas de Calidad: A través de Mockito y JUnit para mantener la integridad del código.
Este proyecto está desarrollado con Next.js 15. A continuación, se detallan las instrucciones para configurarlo y ejecutarlo en tu máquina local.
- Node.js (versión 18 o superior).
- npm (incluido con Node.js).
-
Clona este repositorio y accede al directorio del proyecto:
git clone https://github.com/No-Country-simulation/h3-09-klowhub.git cd h3-09-klowhub/client
-
Crea un archivo
.env
en la raíz del proyecto y define las variables de entorno requeridas. -
Instala las dependencias:
npm install
-
Inicia el servidor de desarrollo:
npm run dev
-
Abre la aplicación en tu navegador:
Accede a http://localhost:3000 para ver la aplicación en modo local.
Marco Perez Donoso | Matias Javier Paredes | Lautaro Gabriel Durán |
El equipo de QA se centrará en las siguientes áreas:
📋 Pruebas Funcionales:
⦁ Verificar que todas las características y funcionalidades funcionen como se espera.
⦁ Probar diferentes escenarios de usuario y casos límite.
⦁ Asegurar la correcta entrada y salida de datos.
App de Testeo »
Jhonatan Remon |
El proyecto de KlowHub ha sido significativamente mejorado gracias a la excelente colaboración del equipo de **UX/UI**. Su desempeño ha sido fundamental en varios aspectos clave del proyecto, asegurando claridad y precisión en cada etapa del desarrollo.
El equipo de **UX/UI** desempeñó un papel crucial al ayudar a aclarar y ordenar los flujos de trabajo. Su habilidad para desglosar procesos complejos y estructurarlos de manera lógica permitió a todos los involucrados comprender mejor cada paso del proyecto.
La claridad y organización aportadas por el equipo de **UX/UI** fueron esenciales para la efectividad del proyecto. Gracias a su trabajo meticuloso, los flujos de trabajo se presentaron de manera clara y coherente, lo que facilitó la colaboración entre los distintos equipos.
El equipo se mantuvo al tanto de cada flujo de trabajo, brindando soporte continuo y realizando los retoques necesarios. Su vigilancia constante garantizó que cualquier necesidad adicional se abordara de manera oportuna, asegurando la fluidez del proceso de desarrollo.
La participación activa del equipo de **UX/UI** no solo mejoró la organización interna del proyecto, , lo que resultó en un desarrollo más ágil, preciso y fácil de entender. La colaboración entre los equipos fue fluida gracias a su intervención, lo que hizo que el proyecto avanzara sin contratiempos.
Alexis Mesa |
Para el rol de Project Manager, se han utilizado diversas herramientas que facilitan la gestión del proyecto, la comunicación y la colaboración entre los miembros del equipo. A continuación, se presentan las herramientas clave:
Notion - Herramienta de gestión de tareas para planificación ágil y control del flujo de trabajo.
Git (Control de Versiones) - Permite el seguimiento de cambios en el código y la colaboración efectiva.
Readme - Documentación clara y accesible de cada sección del proyecto.
Discord - Canal de comunicación en tiempo real para coordinar tareas y resolver dudas.
Google Drive - Almacenamiento y compartición de documentos del proyecto de forma segura y centralizada.
Estas herramientas permiten al Project Manager gestionar el cronograma, controlar los cambios en el código, documentar cada aspecto del proyecto y mantener una comunicación fluida entre todos los miembros del equipo, asegurando el éxito del proyecto en cada fase.
Jhonatan Remon |
Para comenzar con el proyecto, sigue estos pasos de instalación. Asegúrate de tener Visual Studio Code o tu editor de código preferido instalado.
Copia el siguiente comando y pégalo en tu terminal para clonar el repositorio a tu máquina local:
git clone https://github.com/No-Country-simulation/h3-09-klowhub.git
git clone https://github.com/No-Country-simulation/h3-09-klowhub.git
cd h3-09-klowhub
```bash
cd nombre-del-repositorio
=======
>>>>>>> 2fd8ae0d353c5f7a2476d2a565e2d862c8a473fb