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

Now, we are going to create a simple `Navbar` component using the basic HTML elements and styles from **main.css**. We are going to have a `Navbar` logo for our Medium clone on the left and a horizontal list of navigation links to the right. The overall template code for the **NavBar.vue** component is provided in the code snippet below:


Learn how to create a navigation bar with Vue.

Creating the Navbar Component

Getting Started

Login, Register, and Home Screen

User Authentication

Implement Dynamic Article List and Profile Page

Appendix

Creating the Navbar Component