Gain insights into Vue 3 by building a Medium clone. Learn about creating login, home, and register screens, user authentication, and making API calls for dynamic data.

tarball.tar.gz

run-org

run-navbar

run-vue-router

run-footer

run-register

run-login-screen

run-home-1

run-home-2

run-home-3

run-settings

run-login-config

run-updatingUI

run-logout

run-separate-article-preview

run-fetching-article-data

run-article-feed-tabs

run-user-info

run-tabs-and-articles

This is an exciting course that will introduce you to Vue 3 along with most of its workings. 

You will create a Medium-like clone in this tutorial series learning all the basics of the latest Vue framework. You will learn how to create a login, home, and register screen, as well as how to implement user authentication in a Vue application. Lastly, you will also learn how to make API calls for a web application to fetch dynamic data.

By the end of this course, you will be able to start using Vue in your applications and you’ll have a nice new piece to add to your portfolio.

Building a Medium Clone With Vue 3

This is the beginning of an exciting course that will introduce you to Vue version 3, along with most of its workings. We will create a Medium-like clone and learn all the basics of the latest Vue framework along the way. We will start with the basics of creating a Vue version 3 project using the Vue CLI. Then, we'll move towards the implementation of the UI for the header, footer, and other screens.



We will learn navigation using the Vue Router and use the Vuex store management tool for user authentication and fetching article feed and user info. The course will introduce you to UI template building and then how to bind the dynamic data to the templates. At the end of this course, you will have a Medium clone built using Vue version 3 with ample understanding of the Vue Router and Vuex store management.

Along the way, quizzes and interactive code will help you understand the concepts covered in the course.

In this chapter, we will go from Vue CLI's installation to starting a new Vue 3 project. We are also going to initialize the Vue Router to navigate to different pages. The idea is to get started with the Vue 3 template, organize the required file structure, and then implement the Navbar component through which we can navigate to different web pages.

So, let’s get started!

Introduction

Getting Started

Login, Register, and Home Screen

User Authentication

Implement Dynamic Article List and Profile Page

Appendix

Introduction