Update readme

.prettierignore

@@ -8,3 +8,4 @@ storybook-static
 
 *.html
 
+*.md

README.md

@@ -1,6 +1,43 @@
 # react-load-animations
 
+[![npm version](https://badge.fury.io/js/react-load-animations.svg)](https://badge.fury.io/js/react-load-animations)
 [![Build Status](https://travis-ci.org/Alexanderdunlop/react-load-animations.svg?branch=master)](https://travis-ci.org/Alexanderdunlop/react-load-animations)
 [![Coverage Status](https://coveralls.io/repos/github/Alexanderdunlop/react-load-animations/badge.svg?branch=master)](https://coveralls.io/github/Alexanderdunlop/react-load-animations?branch=master)
 
-React loading animations using css
+React loading animations using css. See [demo](https://alexanderdunlop.github.io/react-load-animations/)
+
+## Installation
+
+### npm
+
+```sh
+npm i react-load-animations
+```
+
+### yarn
+
+```sh
+yarn add react-load-animations
+```
+
+### unpkg
+
+```html
+<script src="https://unpkg.com/react-load-animations@latest/dist/bundle.umd.js"></script>
+```
+
+## Usage
+
+```js
+import { Ellipsis } from 'react-load-animations'
+```
+
+## Examples
+
+- [UMD via CDN](./examples/cdn)
+- [Create-React-App](./examples/cra)
+- [Server-Side Rendering](./examples/ssr)
+
+## Copyright
+
+Ellipsis, Ring, Ripple from [loading.io](https://loading.io)

examples/cdn/index.html

@@ -10,7 +10,7 @@
   <div id='container'></div>
   <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
   <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
-  <script src="./node_modules/react-load-animations/dist/bundle.umd.js"></script>
+  <script src="https://unpkg.com/react-load-animations@1.0.0/dist/bundle.umd.js"></script>
   <script>
     const { Ellipsis, Ring, Ripple } = window.ReactLoadAnimations
     const container = document.getElementById('container')

package.json

@@ -5,6 +5,9 @@
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "prebuild": "rimraf dist",
     "build": "rollup -c",
@@ -18,7 +21,8 @@
     "storybook": "start-storybook -p 9001 -c .storybook",
     "storybook:build": "build-storybook -c .storybook",
     "predeploy": "yarn storybook:build",
-    "deploy": "gh-pages -d storybook-static"
+    "deploy": "gh-pages -d storybook-static",
+    "prepublishOnly": "yarn build"
   },
   "husky": {
     "hooks": {
@@ -43,7 +47,7 @@
     "animations",
     "spinners"
   ],
-  "author": "Alexanderdunlop <alex.dunlop@orbba.com>",
+  "author": "Alexanderdunlop <alexjamesdunlop@gmail.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/Alexanderdunlop/react-load-animations/issues"