Grupo: c12-25-t-node-react - Appartamentos

Appartamentos, plataforma de Alquiler y Venta de inmuebles, cuenta con:

• Registro

• Login

• Páginas:

  -> Home, con un buscador de inmuebles, sliders con destacados en venta y alquiler y la sección de call to action para realizar consultas.

  -> Propiedades, para realizar una búsqueda de inmuebles con más filtros.

  -> Detalle con información más extensa de la propiedad, cuenta con: slider, datos del inmueble, posibilidad de solicitar una visitar y realizar una consulta completando el formulario de contacto.

  -> Contacto, con formulario para contacto.

  -> Quienes somos, con un poco de la historia y tarjetas con los miembros de Appartamentos.

  -> Términos y condiciones, con el detalle legal al utilizar el sitio web.

  -> Favoritos, entando registrado se pueden guardar los inmuebles de interés.

---

LINKS DE DEPLOY

• Front: https://appartments-c12-25.vercel.app/

• Back: https://appartments-api.onrender.com/

---

INTEGRANTES

FrontEnd

• Adrián Figueroa

• Leandro Romero

• Maria Eugenia Costa

BackEnd

• Andres Morales

• Sonny Pimentel

UX/UI

• Paulo Crosetti

Tester

• Kevin Rodriguez

• Moraga Cortez Ricardo Thalhuen

---

TECNOLOGÍAS UTILIZADAS

FrontEnd

• HTML5

• CSS3

• React, react-dom, react-router-dom

• Typescript

• MUI: @mui/material, @mui/icons-material y @mui/x-date-picker

• Zustand

• SwiperJS, para los caruseles

• dayjs, para le manejo de las fechas

• Firebase

• Formik y YUP, para los formularios

• Notistack, para las notificaciones

• Axios

BackEnd

• NodeJS

• ExpressJS

• Postgresql

• Dependencias:

-Cors

-Bycrypt

-JWT - Jason Wen Tokens

-Sequelize ORM (sequelize CLI)

-Multer

-Swager

UX/UI

• Figma

Testing

---

LINKS

• Trello

• Figma

---

¿Cómo nos organizamos el equipo de Front End?

Utilizamos la metodología ágile y scrum. Intentamos coordinar con nuestro UX/UI para contar con la información en Figma y con el grupo de BackEnd para tener los servicios a utilizar en las tareas de cada Sprint.

Creamos un MVP y dividimos las tareas en sprints (con duración de una semana):

• Funcionalidades para el MVP:

SPRINT 1:

Funcionalidades:

-Footer 
-Home - Hero image 
-Home - Destacados 
-Home - CTA a contactos 
-Página Términos y condiciones 

Agregamos porque disposumos de tiempo:

-Página Quienes Somos - banner y recuadro de texto
-Páginas search - contact - favorites - que se vea el banner

SPRINT 2:

Funcionalidades:

-Header  
-Home - Buscador  
-Quienes Somos - cards de los integrantes 
-Contacto  - el Formulario 
-Detalle de la propiedad - resumen y carousel 
-Detalle de la propiedad - propiedad - zona  
-Detalle de la propiedad - contacto  
-Página no encontrada 

Agregamos, porque dispusimos de tiempo:

Componente loader 

Quedo pendiente, porque no contabamos con los endpoint ni la documentación por parte del back:

-Unir Front con Back

SPRINT 3:

Funcionalidades:

-Registro de nuevo usuario 
-Login 
-Unir Front con Back en el detalle de la propiedad por id 
-Unir Front con Back en los carousel de la HomePage

-> Decidimos utilizar Firebase, comenzamos a implementarlo.

SPRINT 4:

Funcionalidades:

-Modificar todos los mock JSON que teníamos haciendo el fetch con Firebase
-Buscador de propiedades con filtros 
-Favoritos

Creamos un Trello, donde creabamos una tarjeta por cada tarea, con:

• la historia de usuario

• la tarea es asignada a un miembro del equipo

• en la tarea se deje el númeor de issue, que utilizamos para nombrar a la rama de trabajo

• establecemos una fecha de vencimiento de la tarea (la semana del Sprint)

---

Tablero

Pueden ver el Trello

---