This application is using the latest versions (at the time of writing - ) of the following: Then in part two, you'll learn how to only show certain data if a user is signed in and has been authorized to access that data. You will set the stage for part two by building the website and integrating user login. ⚡️ This is a two-part tutorial! Part one does not cover authorization. ❗ If you already have a Vue application and just want to add authentication, jump to this section to learn how. You can find the final code in this GitHub repository if you'd like to see the end result now. You'll learn some Vue background, Vue application structure, creating components, setting up routing, and styling with Bulma.

Users will sign in to view the details page of an event, so you'll also add authentication to the website.

In this article, you'll learn how to build a Vue website that will showcase events hosted by an organization. Look for the 🛠️️ emoji if you'd like to skim through the content while focusing on the build steps.

Vue js tutorial for beginners