剑客
关注科技互联网

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

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

Tomato5 is a real-time collaboration tool.

Homepage: http://tomato5.io

Updates

1.2.0

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

Features

  • 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)案例

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

Develop

# Install dependencies
npm install

# Serve with hot reload at localhost:8080
npm run dev

# Build for production
npm run build

# Deploy to Firebase
bash deploy.sh
分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址