Vue + Google Firebase实现的无后端应用(Serverless)案例

Tomato5 is a real-time collaboration tool Homepage: http: tomato5 io Updates 1 2 0 New f

Vue + Google Firebase实现的无后端应用(Serverless)案例

Tomato5 is a real-time collaboration tool.




  • New feature: Give thumbs up to team members.
  • New feature: Headline for team status.


  • Adapt to all kinds of screen sizes.
  • Real-time data sync.
  • Serverless architecture, powered by GCP and AWS.

Responsive web design

Vue + Google Firebase实现的无后端应用(Serverless)案例


We build Tomato5 as the 'Serverless' architecture. All services run on the cloud, without any server of its own.   Front-end part of this system is just static files hosted on Google's CDN. The web app will talk directly to the Realtime Database of Firebase.

The whole account system, including login UI, is also provided by Firebase.

With the full support of cloud services, we can build real-world products at lowest development costs, and get free from most of the maintaining works.

Tech Stack

  • Responsive web design
  • ES6
  • Vue
  • Webpack
  • Firebase
  • AWS Lambda

The name Tomato5

  • 5 minutes break after 25 minutes concentration
  • 5 tomatoes a day
  • 5 team members

Real-time collaboration

Traditional collaboration tools told the team about what to do today.

Real-time collaboration tools show the team about what is going on right now.

Key points:

  • Real-time
  • Expressional
  • Feedbacks


# Install dependencies

npm install

# Serve with hot reload at localhost:8080

npm run dev

# Build for production

npm run build

# Deploy to Firebase