Optimizing the readme file for notification component

Author: bamadesigner

README.md

@@ -2,20 +2,25 @@
 
 Web components used by the WPCampus organization.
 
-## Customize web components
+## Our web components
 
-### Notifications
-Our notifications web component is extendable with the following properties, which you can modify by creating the element with JavaScript.
+### Notifications Bar
+Our notifications web component is defined as `<wpcampus-notifications>`.
+
+The HTML element is extendable with the following properties, which you can modify by creating the element with JavaScript.
 
 - **notificationsURL**: the URL used to request the notification information
 - **localStorageSeconds**: how long the notification is cached in local storage (in seconds)
 - **requestUpdateSeconds**: how often to check for a notification update (in seconds)
 - **requestUpdateMax**: how many requests to make for notification updates before going to sleep
 
-### Example
+#### How to use the element
+
+Place the element in your HTML markup: `<wpcampus-notifications></wpcampus-notifications>`
+
+Or create the element with JavaScript:
 
 ```
-// Create the element with JavaScript.
 var notifications = document.createElement("wpcampus-notifications");
 
 // You can change the following notification properties. The following are defaults.
@@ -36,6 +41,10 @@ You'll want to use `npm install` or `yarn add` depending on the project.
 
 `yarn add /Users/{absolute path to folder}/wpcampus-web-components --check-files`
 
+## What are web components?
+
+Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Learn more at [webcomponents.org](https://www.webcomponents.org/introduction).
+
 ## Disclaimer
 
 This repo is shared for educational purposes. Feel free to explore, copy, submit fixes, and share the code.