Bienvenido a la documentación del Frontend!
===========================================

La documentación del frontend está descrita en esta guía para su mejor comprensión. 
Se deberá documentar cada cambio o feature que se agregue al código para tener la 
última versión de la misma. La documentación se genera con la ayuda de la herramienta 
Sphinx, la cual se puede generar de la siguiente manera:

.. code-block:: shell

    $ cd docs/sphinx
    $ make html

Asegúrate de tener instalado el paquete ``make`` o ``build-essential`` y el paquete ``python3-sphinx``.

Tecnologías Utilizadas
----------------------

* Angular: Framework de desarrollo de aplicaciones web.
* TypeScript: Lenguaje de programación utilizado para escribir el código del frontend.
* HTML y CSS: Lenguajes utilizados para la estructura y estilos de las páginas web.

Estructura del Proyecto
-----------------------

* app: Directorio principal de la aplicación.
    * helpers:
      Aquí se ubican funciones y utilidades compartidas que se utilizan en diferentes 
      partes de la aplicación. Se tienen para la autenticación con JWT.

    * components:
      Este directorio alberga los componentes reutilizables que conforman la interfaz de
      usuario de la aplicación. Cada componente tiene su propio archivo HTML, CSS y 
      TypeScript. Se tienen de AWS, cesium, modals y opciones.

    * dashboard:
      Contiene los componentes específicos del panel de control de la aplicación.

    * layout:
      Son componentes que definen la estructura general de las páginas de la aplicación. 
      Tenemos para la autenticación de usuario y el panel de usuario.

    * pages:
      Agrupa los componentes relacionados con páginas específicas de la aplicación. 
      Tenemos para el login.

    * pipes:
      Contiene pipes personalizados que se utilizan para transformar datos en la vista.

    * services:
      Al igual que en el backend, los servicios encapsulan la lógica de negocio del 
      frontend, interactuando con la API.

* assets:
  Almacena los recursos estáticos de la aplicación, como íconos, imágenes, jsons, etc.

* environments:
  Contiene archivos de configuración específicos para diferentes entornos, como desarrollo 
  y producción.