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