Skip to content

No-Country-simulation/h3-09-klowhub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

======== Hackathon-Readme-2024 ========

header

- Descubre, Aprende y Crea

Descripción del Proyecto

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.

🎥 Vista Previa del Proyecto

Vista Previa del Video


El impacto de KlowHub en la comunidad y el mercado No & Low Code

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:

  1. 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.
  2. 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.
  3. 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.
  4. 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
  1. ¿KlowHub
  2. Tecnologías Utilizadas
  3. Uso
  4. Ruta de Desarrollo
  5. Contribuciones
  6. Licencia
  7. Instalación
  8. Agradecimientos

Tecnologías Utilizadas-Backend

NestJS  TypeScript  PostgreSQL  MongoDB  GraphQL  WebSockets 


Explore the docs »

Tecnologías utilizadas 🛠️ 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

Tecnologías Utilizadas-Frontend

Logo

Next.js  Tailwind CSS  TypeScript  Node.js  npm 


Explore the docs »

Tecnologías utilizadas


Principales Herramientas del Frontend

  • 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.


🌟 Beneficios Clave del Stack Frontend

  1. 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.

  2. 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.

  3. 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.



Funcionalidades Clave

  1. Autenticación y Autorización Segura: Usando Spring Security, JWT y OAuth para garantizar acceso controlado.
  2. Documentación Interactiva de la API: Con Swagger para una mejor comprensión y facilidad de uso.
  3. Despliegue en la Nube: Implementado en Railway para alta disponibilidad.
  4. Pruebas de Calidad: A través de Mockito y JUnit para mantener la integridad del código.

Klowhub

Este proyecto está desarrollado con Next.js 15. A continuación, se detallan las instrucciones para configurarlo y ejecutarlo en tu máquina local.


Requisitos previos

  • Node.js (versión 18 o superior).
  • npm (incluido con Node.js).

Instalación y ejecución

  1. 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
  2. Crea un archivo .env en la raíz del proyecto y define las variables de entorno requeridas.

  3. Instala las dependencias:

    npm install
  4. Inicia el servidor de desarrollo:

    npm run dev
  5. 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

Tecnologías Utilizadas-Q-A-Testing

Postman 

Alcance de las Pruebas

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 »

Tecnologías utilizadas

Jhonatan Remon

Tecnologías Utilizadas-UX-UI

Logo

Figma  Discord  Google Meet 

Tecnologías utilizadas

Aporte Importante

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.

1. Clarificación y Orden de Flujos de Trabajo

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.

2. Resolución en la Claridad y Organización

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.

3. Atención Constante a los Flujos de Trabajo

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.

Impacto General

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

🚀 Tecnologias Utilizadas-PM

Logo

Git  GitHub  Backlog  Project Management  Discord  Slack  Google Calendar  Google Meet  Notion  Photoshop  Illustrator  README 

Tecnologías utilizadas

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

💻 Instalación y Configuración

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.


(back to top)

Paso 1: Clonar el Repositorio

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published