Estructura del proyecto

A continuación de describe la estructura del proyecto.

• Directorysrc/

  • Directoryassets/

    • Directoryimg/ directorio de imagenes

      • …
    • agruparArr.ts
    • Axios.ts
    • format.ts
    • … funciones utiles que se usan a lo largo del proyecto
  • Directorycomponents/ directorio de los componentes

    • Directorycharts/ contiene los diferentes tipos de grafica

      • …
    • Directoryforms/ componentes para uso de formularios

      • Input.tsx
      • Select.tsx
      • …
    • Directorygui/ elementos de la interfaz general

      • Header.tsx
      • CintaOpciones.tsx
      • ContextualMenu.tsx
      • …
    • Directorypdf/ directorio para almacenar los distintos pdf a generar

      • …
    • … demas archivos que no han sido clasificados
  • Directoryhooks/

    • …
  • Directorylayout/ layouts para las distintas vistas que se vayan a generar

    • …
  • Directorypages/ paginas de la aplicación

    • …
  • Directoryroutes/

    • Index.tsx lugar donde se declaran rutas nuevas

Estructura de pages/

Las paginas de la aplicación siguen un patron es decir hacen referencia a como se declaran en el archivo Index.tsx de la carpeta routes/, tal y como se muestra a continuación:

• Directorynombre-de-la-ruta/

  • Directorycomponents/ componentes que solo se usaran en en esta ruta

    • …
  • Directorynombre-de-la-subruta/

    • Directorycomponents/

      • …
    • Index.tsx
    • …
  • Index.tsx archivo principal al consultar la ruta

La razón de realizar esto así es para facilitar la busqueda de dichos componentes o paginas al momento de hacer correcciones.