---
# System prepended metadata

title: 'City of Data: Spring Bloom Trackers'

---

---

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