Skip to content

About

Diseño de una página web para una estación meteorológica automática como parte del curso de Front End JS de Talento Tech.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

44 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GarWeather

Descripción

Esta es la página web de una estación meteorológica automática llamada GarWeather, la cual fue desarrollada por un grupo de ingenieros electrónicos egresados de la Universidad Nacional de la Matanza. La página está dividida en cuatro secciones:

  • Una sección de Inicio, que incluye una imagen de la estación meteorológica, los datos actuales y un mapa con la ubicación de la misma.
  • Una sección que muestra los últimos 10 datos en una tabla (Datos). Para acceder a esta sección, se debe iniciar sesión.
  • Una sección con información sobre el equipo que desarrolló la estación y una breve explicación sobre su funcionamiento (Quiénes somos).
  • Una sección de Contacto, en la cual hay un formulario para que los usuarios puedan contactarse con el equipo.

  • Para acceder a las secciones se debe hacer clic en los enlaces ubicados en la parte derecha de la barra de navegación. En el pie de página (footer) están los enlaces a las redes sociales (las cuales están representadas como íconos), así como también un descargo de responsabilidad (disclaimer)

    Por otra parte, como se comentó anteriormente, el usuario debe iniciar sesión para poder acceder a la sección de datos. Para ello debe hacer clic en el enlace de Iniciar sesión ubicado en la barra superior. En la pantalla de inicio de sesión, el usuario debe ingresar su usuario y contraseña, y luego presionar el botón Acceder.

    En caso de no tener una cuenta, se puede crear una haciendo clic en el botón Crear nueva cuenta de la pantalla de inicio de sesión. Se abrirá una nueva pantalla, en la cual el usuario deberá llenar un formulario con 6 campos: Nombre de usuario, Contraseña, Dirección de correo electrónico, Nombre, Apellido y Profesión. Los datos del nuevo usuario se guardarán en el almacenamiento local del navegador.

    Al iniciar sesión, aparecerá en la parte derecha de la barra superior un ícono de usuario, y al hacer clic en él se muestran dos opciones: Perfil y Cerrar sesión. Al seleccionar la opción Perfil, se muestra en un contenedor dentro de la misma página los datos personales del usuario ingresados al registrarse. En cambio, al presionar Cerrar sesión, desaparece el ícono de usuario y vuelve a aparecer la opción de Iniciar sesión.

    La página cuenta con un diseño responsive, en el cual se modifican las propiedades de ciertos elementos al reducir el ancho de la página para facilitar su vista en dispositivos móviles. En particular, se implementa el denominado "menú hamburguesa", el cual agrupa todas las opciones de la barra superior cuando la página se angosta.

    About

    Diseño de una página web para una estación meteorológica automática como parte del curso de Front End JS de Talento Tech.

    Resources

    Stars

    0 stars

    Watchers

    0 watching

    Forks

    Releases

    Packages

    Contributors

    Languages