Like & Dislike requirement

[omiras]

User should be able to press the like button to add the animal to his favorite list

Que tenemos que hacer, en los componentes, Vuex y firestore para que un usuario pueda hacer "Like" a un animal?

1. El usuario hace clic en el corazón de un animal en el AnimalSlider.vue
2. Aparece un "backdrop" supuerpuesot en la foto especificando que ha hecho favorito al animal (considerar alguna animación, discutirlo con el compañero/a)
3. El animal ya no nos volverá a aparecer en el slider

---

Cada usuario puede tener un campo de nombre 'favoriteAnimalsId'. Este campo almacena un array de identificadores de animales que le gusta al usuario

4. Tenemos que una crear acción en store/index.js con el nombre addFavoriteAnimal
5. [firestore]: Debemos insertar el id del animal en el array del usar 'favoriteAnimalsId'
6. [Vuex/commit]: modificar/crear array 'favoriteAnimalsId' en loggedUSer.'favoriteAnimalsId' con el identificador del animal

--

Modificar la vista FavouriteAnimals.vue; para obtener de Vuex todos animales los cuales ha hecho favorito el loggedUser

1. [Vuex]: Deberíamos crear un 'getter' que filtrara los animales que son favoritos del usuario. getFavoriteAnimals
2. Cargar los 'searchedAnimals' mediante el getter que acabamos de crear (computed property que llama directamente al getter)

---

Dislike

Implementa la funcionalidad siguiendo unos pasos similares a la funcionalidad like.

[didac3141592]

• [X] Like/remove animal functionalities added to animal slider: on like/favorite, animal is removed from animals array and introduced into favorite animals array, with all the associated data; on remove/not interested, animal is removed from animals array and its id is stored into the removed animals id (in the local state). Both id's for liked and removed animals are updated into the database as well.
• [X] When the app is mounted and the user is logged in, previous information regarding liked and removed animals is recovered from database. Thus, the animals shown in the slider and the animals shown in the message center/liked animals view is updated accordingly as is the application state.
• [X] Animations have been implemented for both the add and remove actions in the slider.
• [X] Fav icon has been set to our logo.
• [X] Favorite animals/Messaging center view has been updated with the real data, and the design as been fixed to resemble as much as possible the proposed prototype.

[didac3141592]

We are currently working on the chat.