---
tags: MSTU5013, Doodle - Firebase Part II: City of Data, JS, Vue
author: Yuxi Huang
---
# Synchronized Data and Connected Minds: Rate Movies
### The Code Link
URL - Debug Mode: https://cdpn.io/pen/debug/abErLZy
URL - Detail Mode: https://codepen.io/yh3355/pen/abErLZy
### The Brief Introduction
My project is a simple movie rating system.
Each movie template has a movie-related image, the name of the movie, release date, like and dislike buttons. Users can tap the emoji of the heart or the frowning face to indicate that they like or dislike the movie. The number next to the emojis will also reflect what all users are thinking about the movie.
In addition, at the beginning of the page, users can also enter the name and date to add the movie they want to review.
All data will be synchronized to the [movies] collection of [Firebase MSTU5013 Playground] in time.