# MST5013 Final Project ### Tiffany Zhu #### Project Link: https://codepen.io/yz4432/pen/LYgWjjw For my final project, I wanted to expand on my previous doodle of simulation: ![](https://hackmd.io/_uploads/rJtTKiu4n.png) In Pokemon games, players/users use Pokédex to keep track of the pokemons they've caught. Instead of showing the certain pokemons caught within the set range of days, players/users can add the pokemons they like/have caught using the `addPokemon()` function. Also, the sum of the pokemons they have caught will be updated automatically on the top: ![](https://hackmd.io/_uploads/Sy_l2j_V2.png) Notice that there are some pokemons "undiscarded" - in which their buttons are unclickable: ![](https://hackmd.io/_uploads/ByWEK2dV3.png) Because these 3 pokemons are set to be the starter pokemon - players/users choose them at the beginning of their journey and they are unable to discard them. Challenge encountered: I tried to import image with url from firestore to javascript, although we did not learn how to do so. But the icons are only shown if I add the image urls in firestore database, new added pokemon's icon can't be shown without manually adding the icon field in the document.