search

achamorro-dev / eventoswiki

https://eventos.wiki
MIT License
34 stars 6 forks source link

Filtrado de eventos por tag #1

Closed nelopuchades closed 6 months ago

nelopuchades commented 2 years ago

Solicitar una funcionalidad

Actualmente no podemos filtrar por tag cuando cada evento si que tiene varios

El comportamiento esperado es poder tener algún sistema de badges arriba del grid de eventos que permita filtrar fácilmente por tipo de evento

Permitir a los usuarios buscar más fácilmente los tipos de eventos en los que están interesados

En mi cabeza me estoy imaginando este tipo de badges arriba del grid que al hacer click, filtre automáticamente los eventos

nelopuchades commented 2 years ago

🫶🏻 Voy a comenzar a trabajar yo mismo en la funcionalidad, se acepta cualquier tipo de sugerencia

nelopuchades commented 2 years ago

Tengo una dudilla para debatir con vosotrxs (especialmente con @achamorro-dev). Trabajando en esta funcionalidad me he encontrado con un problema: El pintar las tags actuales en las cards de los events del color del event, hace que los colores no estén asociados a las tags si no al evento.

¿Cuál es el problema de este approach? Muy sencillo. Al montar el sistema de tags arriba, nos podemos encontrar en una situación en la que queramos filtrar por 'Open Space' pero... ¿de qué color es el tag de Open Space al que hacemos click para filtrar? ¿Rojo? Y si hacemos click y se filtra correctamente por eventos con tag 'Open Space' pero los tags de Open Space son de diferentes colores en las cards... queda un poco raruno.

Así que ahora mismo hay que tomar una decisión de dos posibles:

Decisión 1 (la más sencilla)

Sistema de tags arriba que consiste en palabras que al hacer click, se ponen en negrita para indicar que se ha "activado" ese filtro. Pierden personalidad los tags pero te permite mantener la asociación tag-evento.

Decisión 2 (la menos sencilla pero mejor en mi opinión)

Cambiar los colores de las tags a nivel de tag y no a nivel de evento. Tendremos que aceptar que las tags no "pegarán" con el fondo del evento, pero a la hora de filtrar será mucho más cómodo visualmente.

Propuesta muy simple

Entre todos los eventos tenemos ahora mismo 11 tags. Mi propuesta de colores para cada tag es la siguiente (he intentado seguir un poco los colores asociados a cada concepto (amarillo para python, azul para php... etc).

¿Qué pensáis?

achamorro-dev commented 2 years ago

¡Muchas gracias @nelodev! La idea de dar colores a los tags inicialmente estaba pensada para que cada evento tuviera su toque de personalización.

Dicho esto, ambas opciones me parecen correctas:

Creo que inicialmente me quedaría con la primera opción. Puede que abramos otro hilo para discutir acerca de las tags y las posibles categorías de las tags, por ejemplo:

Por lo que puede que la "discusión" sobre dotar de colores a cada etiqueta se podría tener en ese otro hilo. ¿Qué te parece?

nelopuchades commented 2 years ago

Perfecto, se puede implementar una primera iteración con la opción 1 y más tarde discutir en otro hilo como dices un mejorado sistema de tags con nuevos colores y hacer una segunda iteración para implementarlo.

Eso si, tengo una dudilla. ¿A qué te refieres cuando dices en la opción 1 que "podríamos utilizar los colores de la temática de la web? Si en teoría van a ser opciones en negro y al seleccionarlas se van a poner en negrita, ¿no?

¡Gracias!

achamorro-dev commented 2 years ago

Perdona el lío 😅 Cuando digo de utilizar los colores de la temática de la web me refiero a los colores primary y accent configurados en el fichero de configuración de tailwind.

nelopuchades commented 2 years ago

¡Hola! Estoy con el desarrollo y tengo una dudilla. ¿Cómo te gustaría el dinamismo de los tags? ¿Que siempre estén los tags de todos los eventos aunque hayas filtrado? ¿O que sea un filtrado sucesivo y se vayan eliminando los tags cuyos eventos ya no aparezcan?

La primera es lógicamente mucho más sencilla de implementar, por lo que es mi preferida y a partir de ahí ya podemos ir iterando.

¿Qué opinas?

achamorro-dev commented 2 years ago

Me parece bien la primera opción.

No estoy seguro de si es buena experiencia para el usuario que desaparezcan cosas dependiendo de lo que selecciones.

Me gusta más la idea de filtros inclusivos 😇