Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Vue.js 3 Components Fundamentals

Build a Github User Profile Vue Component

This lesson is a component exercise lesson, where we're going to use everything we've learned about Vue.js 3 components so far.

The goal is to create a component that displays a person’s GitHub profile. Including the user's avatar, name, register date, bio, and followers.

In the exercise, we'll be using Semantic UI, we'll specifically use the card element. We've prepared a boilerplate as a starting point for the exercise.

The Github API endpoint we'll be using is: https://api.github.com/users

We encourage you to go back and rewatch videos if you're stuck, but if want to, you can peak at the solution.

Good luck and have fun!