CORPOHYPATIA

Documentación FRONTEND

Despligue de la aplicación
Daniel Veloza · Karen Cisneros · Andreina Velazquez · Renny Belandria · Xiomara
· Brayan Duarte · Angela Diaz · Valentina Camacho · Ivan Muñoz · Jonathan Sánchez · Jazmin Bejarano

Table of Contents

1. Acerca del proyecto
2. Construcción de la aplicación
3. Estructura de carpetas

Acerca del proyecto

Existen prácticas y concepciones que perpetúan condiciones de desventaja educativa, económica y social para las mujeres, la infancia y la adolescencia. En particular en municipios como Bucaramanga esta situación se ha recrudecido con riesgos de desescolarización, consumo de SPA e instrumentalización y explotación sexual y con fines comerciales y delincuenciales de Niños y Niñas. Adicionalmente contextos marcados por la desestructuración familiar, violencias domésticas y comunitaria. Actualmente se adelanta el Proyecto Sent Pensar La vida, estrategia de educación emocional con 250 niñas y niñas y 165 madres y cuidadoras en 5 barrios de la ciudad de Bucaramanga. Este proyecto contiene 4 resultados básicos, 1 sobre levantamiento de línea de base con población diana. 2 Una estrategia con N, 3 Una estrategia con madres y cuidadores y un 4to resultado con instituciones públicas y privadas, entre ellos actores comunitarios. Previamente se realizó una intervención de prevención de consumo de SPA con NN y jóvenes de estos barrios. Se avanzó en lograr articulación interinstitucional para asegurar rutas de atención de casos.

• Descripción del problema

  No se cuenta con una herramienta divulgativa y de seguimiento del Proyecto. Esto genera como efecto que no se haya logrado una mayor articulación y presencia en los 5 barrios del proyecto, en consecuencia, la oferta institucional para responder a los requerimientos de apoyo a NN y sus familias es muy limitada. Del total de población diana del proyecto, solo el 20% de las familias reciben apoyos de programas institucionales cómo familias en acción. De igual forma dentro de las 25 entidades gubernamentales responsables de la garantía de derechos a nivel municipal solo 7 están incidiendo en los barrios con intervenciones directas en beneficio de la población diana.

• Objetivo

  Nuestro objetivo es desarrollar una aplicacion web que permita realizar el seguimiento Gestión de proyectos y divulgación de la información de los proyectos.

• Público objetivo

  El público administrador sería el equipo técnico del proyecto y estaría dirigido a la población en general, cómo medio divulgativo e informativo y que sirva para los fines de seguimiento.

• Impacto esperadoo

  Los resultados esperados es poder disponer de una herramienta de seguimiento y monitoreo a los avances del proyecto.

• Alcance

  En este desarrollo de Corpohypatia se pretende diseñar y desarrollar una aplicación orientada al desarrollo a la web, la cual permita visualizar el diseño del desarrollo de Gestion de proyectos en donde pueda manipular ciertos elementos del desarrollo productivo.

(back to top)

Construccion de la aplicacion

Esta sección tiene una lista de los principales frameworks/librerias/dependencias que se utilizaron para construir este proyecto.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

(back to top)

Estructura de carpetas

Para la estructura de carpetas se utilizo el patron de diseño MVC lo que significa Modelo - Vista - Controlador (Por obvias razones, la vista no aparece en esta estructura de carpetas, ya que se encuentra en la parte del frontend)

• Assets

  Utilizamos la carpeta Assets para almacenar archivos estáticos como imágenes, fuentes, vídeos y otros recursos que se utilizan en la aplicación. Al tener una carpeta separada para los archivos estáticos, se pueden mantener organizados y separados del código fuente de la aplicación, lo que facilita su gestión y actualización.

• Components

  Utilizamos la carpeta Components para almacenar componentes reutilizables que se utilizan en la aplicación. Estos componentes se organizan en subdirectorios según su propósito o función en la aplicación. Además, también creamos una carpeta "layouts" dentro de la carpeta "components" para los componentes de diseño que definen la estructura general de la página.

• (Views)Pages

  Utilizamos la carpeta Pages para mostrar los datos al usuario y permitir que este interactúe con la aplicación.

• Routes

  Utilizamos la carpeta Routes para definir y gestionar las rutas de la aplicación. Cada archivo de ruta específica define la ruta y el componente que se debe mostrar cuando se navega a esa ruta, y se pueden utilizar los componentes "Switch", "Route" y "Redirect" de react-router-dom para definir rutas y redirigir a otras rutas en la aplicación.

• Services

  Utilizamos la carpeta Services para definir y gestionar los servicios de la aplicación. Estos servicios incluyen funcionalidades como la autenticación, la gestión de usuarios, el acceso a la API del servidor, la gestión de estado, etc. Los servicios los utilizamos para desacoplar la lógica de negocio de la interfaz de usuario y para mantener una separación clara entre las diferentes capas de la aplicación.

• Styles

  Utilizamos la carpeta Styles para gestionar los estilos de la aplicación. Para esta carpeta no utilizamos hojas de estilo comun y corrientes, utilizamos una libreria que nos ayuda a generar componentes de estilos. Los style-components se organizan en diferentes archivos para diferentes partes de la aplicación y utilizamos variables para definir valores comunes que se pueden reutilizar.

(back to top)