Vue 3 using Composition API, Tailwind CSS and Firebase

This course is structured in such a way that someone with a basic understanding of HTML, CSS and JavaScript could master the Vue.js framework.

• The course begins with basic theoretical concepts like 3 tier architecture, Single Page Application, Server Side rendering.

• Then the next section is about installing Node.js, npm and Vue CLI and creating a project using Vue CLI.

• Then the next section covers all the basics of Vue right from project structure, how Vue code works to all the features and properties required to create a Vue 3 application. Each concept is explained well and in as simple words as possible.

• Then the next section is all about the action of coding. First, we will see how to install Tailwind CSS and use it in Vue 3 with JIT mode, then how to create a Firebase project and lastly it is all about coding an app with a proper firebase authentication system. I have been coding web applications for various sizes of companies for 6+ years. I will be putting in all my experience and learning to create this app so that you could also use it to develop your next portfolio or your dream project.

• Please note that this app is developed completely client-side using serverless logic of Firebase and APIs. However, you could use the same client-side logic and substitute Firebase APIs with your own APIs as per your API logic.

About the App

This is app is for educational purposes and is meant to be used ethically.

We will be creating a Vue 3 app that will take an IP address and will make an API call to get the details of that IP address. Using Google Maps API we will then plot the location of that IP on the map.

We will be then deploying this app on AWS Amplify using Github.

This app is developed with line by line code explanation. We will be login in, login out and registering the user using Firebase Auth API and will also put a navigation guard on the route so that only authenticated users could use our IP app. We are storing user details in Vuex and hydrating the store on page refresh.

The mastery time for this course depends from person to person but if you take and study this course properly then you could at least use Vue comfortably for any projects. Of course, some practice will be required from your side but this course will give a clear direction and understanding of  Vue 3 and composition API.

Disclaimer for the course

All the information provided in this course is published in good faith and for general information purpose only. The course is created by using personal learnings and experience additionally referring to online resources, official documentation of Vue 3, Firebase, Tailwind CSS.

However, I do not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find in this course (Vue 3 using Composition API, Tailwind CSS and Firebase), is strictly at your own risk. I will not be liable for any losses and/or damages in connection with the use of this course.

Aditya 🙂

Rating Distribution

• 1 stars: 0 votes
• 2 stars: 0 votes
• 3 stars: 1 votes
• 4 stars: 2 votes
• 5 stars: 2 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!