Vue 3 + Element-plus + Firebase + VueUse + unplugin-vue-router Done

What are you most proud of, and what would you do differently next time?

I’m proud that I was able to extend this project by adding Google login to save users time. I also made sure to protect localStorage data from being cleared manually. If it happens, the data is immediately restored from the database. In the diagram section I used a CSS trick that scrolls to the opposite side to always show the most recent data. I tried to do my best.

What challenges did you encounter, and how did you overcome them?

Probably the most difficult challenge was synchronizing changes when the date changes. I solved it by using the document focus listener and document visibility. When these events happen, I check the data and refresh it if necessary.

What specific areas of your project would you like help with?

If you find out some bugs please let me know.