Home>Courses>Building a WhatsApp Clone with Vue.js and AWS Amplify

Building a WhatsApp Clone with Vue.js and AWS Amplify

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.

Intermediate

28 Lessons

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

24 Playgrounds

Course Overview

What You'll Learn

Course Content

Apply Your Skills

Recommendations

Course Overview

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 life...Show More

Vue.js is a popular JavaScript framework for front-end development. It is lightweight, has a dynamic ecosystem, and is expected ...Show More

What You'll Learn

Hands-on experience with configuring resources and deploying applications on AWS using AWS Amplify

Familiarity with routing, state management, and lifecycle hooks in Vue.js

The ability to model a GraphQL database using AWS Amplify

Working knowledge of various AWS products

Hands-on experience with configuring resources and deploying applications on AWS using AWS Amplify

Course Content

Getting Started

1 Lessons

Get familiar with building a WhatsApp clone using Vue.js, AWS Amplify, and essential cloud tools.

Introduction to the Course

Introduction

6 Lessons

Look at vue.js framework basics, app structuring, lifecycle hooks, routing, and Vuex state management.

Getting Started with Vue.js

Structuring the Vue.js Application

Vue.js Lifecycle Hooks

Routing in Vue.js

State Management with Vuex

Quiz: Introduction

Building WhatsApp Clone

6 Lessons

Work your way through building a WhatsApp clone with Vue.js and AWS Amplify.

Adding Tailwind CSS to Vue.js

Error 404 Component

The Login, Signup, Password Help, and Reset Password Components

Creating the Home Component

Adding Vue Navigation Guard

Quiz: Building WhatsApp Clone

Getting Started with AWS Amplify

6 Lessons

Grasp the fundamentals of AWS Amplify setup for authentication, storage, and backend services.

Introduction to AWS Amplify

Configuring AWS Credentials

Adding Authentication with AWS Cognito

Adding AWS S3

Adding GraphQL API and DynamoDB

Quiz: Getting Started with AWS Amplify

Adding Functionality to The Application

6 Lessons

Take a closer look at enhancing a WhatsApp clone with authentication, messaging, image upload, and real-time features.

Integrating User Authentication and Protecting Routes

Adding Logic to Messages and Working with Subscriptions

Adding Upload of Images To S3

Adding Last Seen and User Typing Features to the Application

Testing Application and Continuous Delivery Pipeline

Quiz: Adding Functionality to the Application

Conclusion

1 Lessons

Focus on your new skills in Vue.js and AWS Amplify for future projects.

Wrapping Up

Appendix

2 Lessons

Master the steps to creating an AWS account and deploying applications using AWS Amplify.

Creating an AWS Account

Deploying Application to AWS Amplify

Course Author

Kevin Odongo

Project

Create a Healthcare Application Using Vue.js

intermediate

1 hour

Project

Create a Healthcare Application Using Vue.js

Develop a healthcare app using Vue.js and FastAPI for improved patient management and efficient healthcare services.

intermediate

1 hour

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Recommended before starting this course

Course

Modern CSS with Tailwind

Gain insights into industry best practices for designing web pages with Tailwind CSS. Explore typography, box models, and master layouts using flexbox and grids effectively.

intermediate

26 hours

Course

Learn the A to Z of Amazon Web Services (AWS)

This course provides the best Amazon Web Services (AWS) tutorial for beginners to learn about AWS cloud services.

beginner

3 hours

Course

Jump Start with Vue 3

Gain insights into Vue 3’s enhanced reactivity and Composition API. Explore fundamental concepts, components, routing, and TypeScript integration to craft scalable, maintainable web applications.

beginner

16 hours

Course

Modern CSS with Tailwind

intermediate

26 hour

Course

Learn the A to Z of Amazon Web Services (AWS)

beginner

3 hour

Course

Jump Start with Vue 3

beginner

16 hour

Related Courses and Skill Paths

Course

Vue - The Road to Enterprise

Gain insights into advanced practices for Vue development. Discover migration techniques to Vue 3, project configuration, API layer creation, performance optimization, security, and testing best practices.

intermediate

40 hours

Course

Vue - The Road to Enterprise

intermediate

40 hour

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath