Building a WhatsApp Clone with Vue.js and AWS Amplify

Home>

Courses>

Intermediate

28 Lessons

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

24 Playgrounds

This course includes

24 Playgrounds

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

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

What You'll Learn

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

Course Content

Getting Started

Introduction to the Course

Introduction

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

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

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

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 Lesson

Appendix

2 Lessons

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

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!

FOR TEAMS

Interested in this course for your business or team?

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