Build and deploy a full stack Photobook app built with Vue.js, GraphQL& AWS Amplify

Timestamps:

  • 0:00 Overview of Application
  • 1:32 Setup
  • 4:04 Overview of AWS Services
  • 06:10 Install Tools
  • 11:36 Amplify Configuration
  • 16:03 Configure Vue App With Amplify
  • 18:45 Authentication
  • 20:00 Adding AWS Cognito To App
  • 24:50 Add Authentication To Vue
  • 27:42 Setting up Auth Vuex Store
  • 41:29 Creating Login Component
  • 49:17 Setup Routes
  • 51:51 Create Signup Page
  • 01:04:20 Creating Nav Component
  • 01:11:57 Adding Route Guards
  • 01:17:45 GraphQL and Storage
  • 01:18:42 Add AWS Storage
  • 01:20:15 Add AWS App Sync
  • 01:22:46 Updating GraphQL Schema
  • 01:27:46 Mocking GraphQL API with Playground
  • 01:38:17 Adding Album Vuex store
  • 01:49:43 Update Albums page
  • 02:05:25 Update AlbumsDetails page
  • 02:14:39 Testing out album feature
  • 02:15:44 Lambda Function
  • 02:17:00 Adding Lambda in AWS Amplify
  • 02:20:00 Update Amplify Photo Processor
  • 02:22:45 Update amplify storage
  • 02:24:31 Update cloud formation template
  • 02:29:20 Testing App E2E

Code:
https://github.com/ErikCH/TraversyMediaAWSPhotoBook

AWS Workshop:
https://github.com/amazon-archives/aws-reinvent-2019-mobile-workshops/tree/master/MOB303

#vue #graphql #aws #programming

Full Stack Photobook App | Vue, GraphQL, AWS Amplify
15.65 GEEK