Search Experiences Page (Filters)

[Gavbriel015]

Descripción general: Generar una interfaz que debe permitir a los usuarios filtrar actividades por lugar, categoría, disponibilidad y fecha, y mostrar una lista de actividades relevantes con una breve descripción y un botón de detalles.

1. Filtro de Búsqueda Descripción: Un componente que contiene todos los filtros para que el usuario pueda buscar actividades. Debe incluir campos de texto y desplegables.

Subcomponentes:

• [ ] Input de Lugar: Campo de entrada para que el usuario ingrese el país o ciudad.
• [ ] Selector de Categoría: Menú desplegable para seleccionar la categoría de la actividad (e.g., Naturaleza, Aventura).
• [ ] Selector de Disponibilidad: Menú desplegable para indicar la disponibilidad de la actividad.
• [ ] Selector de Calendario: Un componente de calendario para seleccionar la fecha.

2. Lista de Actividades Descripción: Un contenedor para mostrar una lista de actividades filtradas. Cada actividad debe mostrarse en una tarjeta con imagen, título, descripción y botón de "Ver detalles".

Subcomponentes:

• [ ] Tarjeta de Actividad: Componente individual que muestra la información de cada actividad.
• [ ] Imagen de Actividad: Muestra una imagen representativa de la actividad.
• [ ] Título de Actividad: El nombre o título de la actividad.
• [ ] Descripción de Actividad: Un breve texto descriptivo sobre la actividad.
• [ ] Botón de Detalles: Botón que permite ver más detalles de la actividad seleccionada.

3. Encabezado Descripción: Un componente para el encabezado de la página con logo y boton/icono de menú

Subcomponentes:

• [ ] Logo: Imagen o icono del logo de la aplicación.
• [ ] Icono de Menú: Icono que despliega un menú

4. Modal de Detalles de Actividad Descripción: Un modal que aparece al hacer clic en "Ver detalles" de una actividad, mostrando información más detallada.

Subcomponentes:

• [ ] Contenido del Modal: Contiene los detalles completos de la actividad.
• [ ] Botón de Cerrar: Permite cerrar el modal.

[gonzavillalta]

Hola Miguel! Por favor, agreguemos la descripción y realicemos la documentación de la tarea que estas desarrollando. Muchas Gracias! Abrazo