Create a Carousel

In this article, we will create a carousel to present our courses using the data from our Cloud DB  .

Here is a little video of the rendering :




Not so bad hehe 😎, ok let's go.

Create a new table 'Courses' :


Now we can add our courses easily :

Create a new VISUAL API Function 'getActifsCourses'  of type GET :



Well played, our backend is done ! 😎



Create our front end : 

Add a component source code jQuery and paste this code. Don't forget to change the name of API_NAME to your own.

See the Pen Create carousel by David (@DavidAppdrag) on CodePen.



Bravo! 




 Tips : You can modify the front-end code to personalize your carousel.