Build a Carousel image slider In VueJs 3 from scratch

​‪@TutsPrime‬
#vuejs #vuetutorial #carouselcomponent #imageslider #vuecarousel

Get my Udemy course: Vue 3 - The practical guide only $15
https://www.udemy.com/course/vue-js-3...

In this tutorial, I'm going to show you how to create a Carousel image slider with Vue.js from scratch. A Carousel allows the user to automatically cycle through a series of images.
We'll also add some controls on the carousel so that the user can also switch to the previous or next image by manually hitting the controls.
Besides that, we also add indicators that display how many images are on the page and indicate which image is active. Users can click on that to switch the current image.

Source code:
https://tutsprime.com/videos/build-ca...

Timeline:
00:00 Introduction
00:47 Project setup
02:47 Carousel components structure
05:53 Basic styling
06:43 Adding transition effect
09:33 Adding slide controls
17:10 Adding slide indicators
22:27 Finishing touch

Music credits:
Kurt by Dimanche
Outside the Box, Broken, Love Aside by Patrick Patrikios