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

What is the command to create a Vue project?

What is the command to create a Vue project?

`import './assets/main.css'; in assets.js`

How and where do we import custom CSS files in assets?

How and where do we import custom CSS files in assets?

Apply the NavBar component outside router view in main.js

Apply the NavBar component outside router view in App.vue

Apply the NavBar component outside router view in Home.js

How do we keep the NavBar on top of each page?

How do we keep the NavBar on top of each page?

Which module(s) is required to implement the basic router?

Which module(s) is required to implement the basic router?

Getting Started

Getting Started

Attempt the following quiz to test your understanding of Vue basics.

Getting Started

Login, Register, and Home Screen

User Authentication

Implement Dynamic Article List and Profile Page

Appendix

Quiz: Getting Started