---
# System prepended metadata

title: MST5013 Final Project

---

# 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. 