--- tags: MSTU5013, Doodle - Firebase Part I: City of Data, JS, Vue group members: Mingxin Qi, Yuxi Huang --- # City of Data: Spring Bloom Trackers ### The Image ![](https://i.imgur.com/w6fHadg.jpg) ### The Code Link URL - Debug Mode: https://cdpn.io/pen/debug/PoEeLWb URL - Detail Mode: https://codepen.io/yh3355/details/PoEeLWb ### The Brief Introduction Our project is a Spring Bloom Tracker for helping users note down flower blossom in NYC. You can add new types of flowers and their percent of peak bloom by clicking the "Add A New Track" button, while the data will automatically send to MSTU5013 Playground Firestore Database (the collection we set is "Flowers"). For the next step, we are trying to figure out how to update the percent of peak bloom (make it like a real data tracker).