Note
Este proyecto aun está en desarrollo, el equipo de CodingFlash
En este repositorio encontrarás el código fuente del frontend para la plataforma de gestión de inmuebles de la Inmobiliaria Bonpland.
Este proyecto tiene como objetivo principal la creación de una plataforma web interactiva y amigable para el usuario, enfocada en mejorar la experiencia del cliente en línea y la eficiencia de los servicios de la inmobiliaria. Desde la perspectiva del frontend, se destacan las siguientes características y funcionalidades clave:
-
Diseño Responsivo: El frontend estará diseñado con un enfoque totalmente responsive, asegurando una experiencia de usuario consistente y optimizada en todos los dispositivos, desde ordenadores de escritorio hasta dispositivos móviles.
-
Interfaz Intuitiva: Se implementará una interfaz de usuario intuitiva y de fácil navegación. Los elementos visuales, como menús, botones y formularios, se diseñarán para ser claros y accesibles, facilitando así la interacción de los usuarios con la plataforma.
-
Búsqueda: El frontend contará con herramientas de búsqueda que permitirán a los usuarios buscar propiedades de manera eficiente utilizando filtros como ubicación, tipo de propiedad, precio, tamaño, entre otros criterios relevantes.
-
Visualización de Propiedades: Se incluirán galerías de imágenes de alta calidad y descripciones detalladas de las propiedades, asegurando que los usuarios puedan obtener toda la información necesaria antes de tomar decisiones importantes.
-
Funcionalidades Personalizadas: Para los buscadores de propiedades, se ofrecerán funcionalidades personalizadas como la posibilidad de guardar propiedades favoritas, recibir notificaciones sobre nuevas propiedades que cumplan con sus criterios de búsqueda y acceder a historiales de búsqueda.
-
Gestión de Cuentas de Usuario: El frontend permitirá a los usuarios registrarse fácilmente, iniciar sesión de manera segura, actualizar su información personal, restablecer contraseñas de forma segura y gestionar sus preferencias de comunicación.
-
Dashboard para Administradores: Los administradores tendrán acceso a un dashboard completo y personalizable desde el cual podrán gestionar todas las actividades y aspectos del sistema, incluyendo:
- Gestión de propiedades: Publicación, edición y eliminación de propiedades, gestión de imágenes y documentos asociados.
Note
Asegúrese que Node v20 esté instalado en su sistema operativo.
-
Paso 1 (clonar repositorio): Para clonar este repositorio ejecuta los siguientes comandos.
git clone https://github.com/CodingFlashOR/frontend-inmobiliaria.git cd frontend-inmobiliaria -
Paso 2 (instalar dependencias): Ejecute el siguiente comando para instalar todas las dependencias necesarias.
npm install
-
Paso 3 (iniciar servidor): Para levantar el servidor de desarrollo en local ejecuta el siguiente comando.
npm run dev
npm run dev: Este comando inicia el servidor de desarrollo y compila los estilos CSS. Es la opción ideal durante la fase de desarrollo, ya que proporciona actualizaciones en tiempo real y facilita la depuración de código.npm run build: Utilice este comando para compilar el proyecto en una versión lista para producción. Este paso optimiza los recursos y prepara el proyecto para su despliegue en un entorno de producción.npm run lint: Ejecuta ESLint en el proyecto, lo que permite identificar y corregir errores de sintaxis y estilo en el código JavaScript en base a la reglas establecidas en el proyecto.npm run preview: Este comando proporciona una vista previa de la versión de producción del proyecto. Es útil para verificar el funcionamiento y la apariencia final antes de su despliegue definitivo.
Si está interesado en contribuir a este proyecto, consulte nuestra guía CONTRIBUTING para obtener información sobre cómo comenzar. Proporciona pautas sobre cómo configurar su entorno de desarrollo, proponer cambios y más. ¡Esperamos sus contribuciones!
| Título | Descripción |
|---|---|
| Especifcación de requerimientos | Este documento detalla los requerimientos funcionales, no funcionales y el comportamiento de las diferentes interfaces del sistema. |
| Base de datos | Esquema de la base de datos del proyecto. |
| Documentación de la API | Esta es la documentación para la API del proyecto, que incluye detalles sobre los endpoints disponibles y los datos que se pueden enviar y recibir. |
Las siguientes personas son las encargadas de desarrollar este proyecto.
| Nombre | Enlaces | Roles |
|---|---|---|
| Lucas A Bravi | LinkedIn - Portafolio | Diseño UX/UI |
| Anabel García Lannes | LinkedIn - GitHub | Diseño UX/UI |
| Flor Rivas Luna | LinkedIn - GitHub - Behance | Diseño UX/UI |
| Leandro Emanuel Diaz | GitHub - LinkedIn | Frontend |
| Ignacio Nicolas Basilio Buracco | GitHub - LinkedIn | Frontend |
| Carlos Andres Aguirre Ariza | GitHub - LinkedIn | Backend - Frontend |
| Nadia Mariana | QA | |
| Yisell Coello Labrada | QA |