Update README.md

README.md

@@ -1,2 +1,38 @@
-# Ionic 4 App Shell Components
-Repo exploring some techniques to improve the UX of Ionic apps using App Shell components.
+## Improved UX for Ionic apps with Skeleton Loading Screens
+
+### About this ionic 4 starter
+UI Skeletons, Ghost Elements, Shell Elements? They are all the same! Think of them as cool content placeholders that are shown where the content will eventually be once it becomes available. 
+
+In this ionic 4 tutorial, you will learn the importance of adopting the App Shell pattern in your ionic apps and discuss how to implement it using Ionic 4 + Angular 7 and some advanced CSS techniques.
+
+This repo is the code of an Ionic 4 starter app that we created as part of a [Ionic Skeleton Animations guide](https://ionicthemes.com/tutorials/about/improved-ux-for-ionic-apps-with-skeleton-loading-screens). 
+
+### Start with Ionic 4
+This post is part of the *Mastering Ionic 4* series which deep dives into Ionic 4 more advanced stuff. Don’t be afraid, if you are new to Ionic 4, I strongly recommend you to first read our [previous introductory ionic 4 tutorial](https://ionicthemes.com/tutorials/about/ionic-4-vs-ionic-3)
+
+### Install this Ionic 4 starter app
+```
+npm install
+```
+
+### Browse Ionic 4 app
+```
+ionic serve
+```
+### Demo
+https://ionic-4-app-shell.firebaseapp.com/home
+
+### Free Ionic Examples
+Find more Ionic 4 tutorials and starter apps in https://ionicthemes.com
+
+### Get a premium Ionic 4 Starter App
+The following skeleton animations are part of our latest [Ionic 4 Full Starter App](https://ionicthemes.com/product/ionic4-full-starter-app). It’s an ionic 4 starter that you can use to jump start your app development and save yourself hundreds of hours of design and development.
+
+It also has lots of practical use cases you can use to learn Ionic Framework! 
+
+
+<p align="center">
+<img src="https://thumbs.gfycat.com/MadeupDelayedGrassspider.webp" width="200">
+<img src="https://thumbs.gfycat.com/ZigzagOblongBittern.webp" width="200">
+<img src="https://thumbs.gfycat.com/DescriptiveComposedKingfisher.webp" width="200">
+</p>