Angular 2+ Project

I had recently developed project based on Angular 5 version. Angular 5 app was built to list seven  wonders of the world. The single page application was developed by using angular-cli/TypeScript/bootstrap 4. Project skelton was created using angular cli version 1.6.5. 

Data that is displayed in the app is fetched from json file and lists all wonders of the world. When you click on each wonder it would list details of the specific wonder. In this project I had used angular services,angular components, nested components & routing. Project also uses font awesome css.

Completed code is available on my github link. 

Here is the Demo of the application.

Bootstrap Image carousel using SharePoint Jquery REST API

In this blogpost, I am going to create Bootstrap Image carousel using SharePoint Jquery REST API, The basic idea is that images are retrieved from SharePoint list and by using SharePoint Jquery/ REST API I will be retrieving the list items and render it to UI using Boostrap version 3 carousel code.

SharePoint list: I am maintaining images in separate picture library and I am referring the links in below list. Carousel images are clickable and links are indicated in appurl. I am also doing sorting on images so that I can show specific image in order. I had added reference for boostrap.js and bootstrap.css

Bootstrap Carousel:
Here is the link for boostrap carousel version 3.

Usage: Above code can be directly placed in content editor web part.

Result: