Proyectos Inmobiliarios Frontend

Este proyecto representa una Sitio Web de una inmobiliaria a continuación, se describen las diferentes tecnologías utilizadas y funcionalidades desarrolladas.

Tecnologías Utilizadas

El proyecto cumple con los siguientes requisitos y utiliza las siguientes tecnologías:

• Frontend: Uso del Framework Angular para el desarrollo de las interfaces de usuario.
• Estilos: Uso del Framework Angular Material UI para el desarrollo de las vistas y estilos.
• Autenticación: Implementación de login utilizando Json web token (JWT).
• Lazy Loading: Implementación de carga diferida (lazy loading) para mejorar la eficiencia de la aplicación.
• Variables de Entorno: Se han configurado variables de entorno para el entorno de desarrollo.
• Base de Datos: No se requiere implementar una base de datos en este proyecto aún.

Cómo Ejecutar el Proyecto

Para ejecutar el proyecto debe tener instalado node y npm.

1. Clonar este repositorio.
2. Ejecute el siguiente comando: npm install.
3. Ejecute el siguiente comando: npm install -g @angular/cli.
4. Ejecute el siguiente comando: ng serve.
5. Abrir el navegador web y acceder a la URL proporcionada por el servidor de desarrollo, por default con Angular es http://localhost:4200/

Funcionalidades Desarrolladas

Barra de navegación

Desde este componente global del sitio web se puede acceder al modulo de Auth o de Authentication en Español y se compone de los siguientes elementos:

• Titulo, que también funciona como enlace al home del sitio web.
• botones para:
• registrar un nuevo usuario.
• iniciar sesión de un usuario.
• cerrar la sesión iniciada.

Home del Sitio Web

Aquí se muestra el modulo de Compra Venta solo si el usuario a iniciado sesión y desde aqui se puede acceder a las siguientes secciones:

Sección de Compra

La sección de compra presenta el submódulo "Proyectos", el cual incluye un mapa geográfico ubicado en las coordenadas aproximadas que se encuentre el usuario.

Los usuarios en este mapa pueden:

• revisar su geolocalización aproximada.
• crear nuevos marcadores.
• moverse por todo el mapa, acercarce o alejarlo para ver mas o menos detalles en un mapa real.

Sección de Ventas

La sección de ventas presenta el submódulo "Estadísticas", donde se muestra una tabla con el total de ventas por mes de los últimos 4 meses.

Contacto

Para obtener más información o cualquier consulta adicional, contactar a:

• Whatsapp: 3160461056
• Email: [email protected]
• Manuel Diaz :
  

¡Gracias por considerar este proyecto!