Demo

An overview

Node Backend API

• Get gifs from Giphy API

• Store gifs into database

• Public API for battles

Angular frontend

• Create gif + caption

• Let people vote

• Show leaderboard

Our Flow

Backend + Frontend

• Getting a random gif
• Creation
• Battle
• Leaderboard

Node API

Going serverless

Why Serverless?

• Build the Node API
• Connect to a Mongo Database
• Deploy
• Make publicly available

We used to own the servers

Then we moved to the cloud!

Serverless

SOMEONE ELSE'S SERVERS

Examples

• Webtask.io

• Cloud Functions

• AWS Lambda

• SaaS Applications

3 Parts

1. Creation

2. Battle

3. Leaderboard

Creation

1. Get a random gif

2. Create a gif+caption

Battle

1. Give 2 gifs

2. Accept a vote

Leaderboard

1. Show top gifs