Introduction to the Course

Course overview

In this course, our goal is to create a WhatsApp application clone using Vue.js and then deploy it. We can either deploy it manually or provision it using AWS Amplify CLI, AWS SAM CLI, AWS CloudFormation, or Terraform. Let’s take a look at these resources:

• AWS Cognito

• AWS DynamoDB

• Hosting website

• Lambda function

• AWS AppSync

AWS Amplify has outstanding support in providing serverless AWS resources with best practices already incorporated, so you won’t need prior cloud experience. AWS Amplify simplifies the provisioning and configuring of backend resources in AWS. It provides us with the following:

• AWS CLI to provision our back-end infrastructure in the simplest form.

• An SDK to integrate our frontend application and connect to the backend.

How AWS Amplify works

The following slides represent how AWS Amplify works:

Structure of the course

This course introduces us to core Vue.js concepts like lifecycle hooks, routing, and state management. It then gives us a step-by-step guide to creating a WhatsApp user interface. Next, we integrate the application with AWS Amplify before finally adding the WhatsApp functionality to the project.

Prerequisites

Here are the prerequisites for this course:

• Basic knowledge of front-end development using Vue.js

• A basic understanding of Tailwind CSS

• Some familiarity with AWS would be helpful but is not necessary