This tutorial focus on the code sharing between mobile NativeScript and and Angular web app. I will show how we can have one single repository to handle the both projects and code sharing maximum code in-between the project.

We will start from scratch with a blank new project. I will start showing how to create Angular app and NativeScript separately and we will go through the content for each of them. Then we will create our code-sharing application. We will create classic master-detail view.  List of items with images will be displayed and you can click on the item to load new page with more detailed information in. We will do styling the component and I show you how to communicate to external API with http requests. (I also provide that API for you). We will finish with having 3 working applications on different platforms (web, iOS and Android).

All that will be done using one source code and share maximum code between web app and mobile app using Angular and NativeScript.