Become an AWS pro by building a WhatsApp clone with Vue.js and AWS Amplify. Developed by AWS Solution Certified Architects. Get hands-on with no setup, no cleanup, no hassle.

edu.tar.gz

access_key_id

secret_access_key

region

amplify_app_id

Routing and State Management

Tailwindcss Components

WhatsAppClone

WhatsAppClone-copy

Vue.js is a popular JavaScript framework for front-end development. It is lightweight, has a dynamic ecosystem, and is expected to grow further as more developers adopt it. This course uses a hands-on project—a WhatsApp clone—to cover important concepts of front-end development using Vue.js. The project also uses AWS Amplify to manage and configure various AWS products to develop the application’s backend and to deploy the final product.

The course starts by introducing us to core Vue.js concepts like lifecycle hooks, routing, and state management. It then gives us a step-by-step guide to create a WhatsApp GUI. You’ll integrate the application with AWS Amplify before adding the WhatsApp functionality to the project.

By the end of the course, you’ll have a better understanding of the Vue.js framework. You’ll also get hands-on experience using AWS Amplify to manage various AWS products and services, including AWS Cognito, AWS S3, and AWS DynamoDB, to develop and deploy a Vue.js web application.

Building a WhatsApp Clone with Vue.js and AWS Amplify

# Introduction

>**Vuex** is a state management pattern and library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. 

When we created our application using the `vue create educative-whatsapp-application` command in the lesson “Structuring Vue.js Application,” we selected Vuex,  which automatically configured Vuex for us. Simply put, Vuex is a store we can use within the application. We can use the following example to get started with Vuex. The core concepts of Vuex are:

- State
- Getters
- Mutations
- Actions
- Modules


Learn state management using Vuex and see how we can share data and ensure a single source of truth.

Getting Started

Introduction

Building WhatsApp Clone

Getting Started with AWS Amplify

Adding Functionality to The Application

Conclusion

Appendix

State Management with Vuex

Introduction