feat(ci): automate build and releases

.gitignore

@@ -58,7 +58,9 @@ coverage.json
 .DS_Store
 .npmrc
 
-/.idea
+.idea/
 
-# Yarn files
+# these cause more harm than good
+# when working with contributors
+package-lock.json
 yarn.lock

.travis.yml

@@ -1,3 +1,23 @@
+sudo: false
 language: node_js
-node_js: "6"
-after_success: npm test
+cache: npm
+notifications:
+  email: false
+node_js:
+  - 8
+  - 10
+  - 12
+install:
+  - npm i
+  # as requested by the React team :)
+  # https://reactjs.org/blog/2019/10/22/react-release-channels.html#using-the-next-channel-for-integration-testing
+  - if [ "$TRAVIS_EVENT_TYPE" = "cron" ]; then npm install react@next react-dom@next; fi
+script:
+  - npm run lint
+  - npm run test
+jobs:
+  include:
+    - stage: release
+      if: branch = master AND type != pull_request
+      node_js: 10
+      script: npm run semantic-release

README.md

@@ -1,14 +1,37 @@
+<div align="center">
+  <h1>Pure React Carousel</h1>
+
+  Created By
+  <br />
+  <a href="http://www.express.com">
+    <img
+      height="27"
+      width="164"
+      alt="Express Logo"
+      src="https://raw.github.com/express-labs/pure-react-carousel/master/dev/media/express-logo.svg?sanitize=true"
+    />
+  </a>
+  <br />
+  <p>A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles.</p>
+
+  [**See Live Examples**](https://express-labs.github.io/pure-react-carousel/) | 
+  [See Example Code](src/App/examples)
+</div>
+
+<hr />
+
 [![Build Status](https://travis-ci.org/express-labs/pure-react-carousel.svg?branch=master)](https://travis-ci.org/express-labs/pure-react-carousel)
-[![All Contributors](https://img.shields.io/badge/all_contributors-19-orange.svg?style=flat-square)](#contributors-)
 [![Known Vulnerabilities](https://snyk.io/test/github/express-labs/pure-react-carousel/badge.svg)](https://snyk.io/test/github/express-labs/pure-react-carousel)
+[![version](https://img.shields.io/npm/v/pure-react-carousel.svg?style=flat-square)](https://www.npmjs.com/package/pure-react-carousel)
+[![downloads](https://img.shields.io/npm/dm/pure-react-carousel.svg?style=flat-square)](http://www.npmtrends.com/pure-react-carousel)
+[![MIT License](https://img.shields.io/npm/l/pure-react-carousel.svg?style=flat-square)](https://github.com/express-labs/pure-react-carousel/blob/master/LICENSE)
 
-Created by
-[![Express Logo](https://raw.github.com/express-labs/pure-react-carousel/master/dev/media/express-logo.svg?sanitize=true)](http://www.express.com)
-
-# pure-react-carousel
+[![All Contributors](https://img.shields.io/badge/all_contributors-19-orange.svg?style=flat-square)](#contributors-)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+[![Code of Conduct](https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square)](https://github.com/express-labs/pure-react-carousel/blob/master/CODE_OF_CONDUCT.md)
 
 
-A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles.
+## Motivation
 
 My goal was to create a 100% ReactJS carousel that doesn't try to impose structure or styles that need to be defeated in order to match your site's design standards. Are you tired of fighting some other developer's CSS or DOM structure?  If so, this carousel is for you.
 
@@ -24,11 +47,7 @@ Carousels: Love them or hate them.  However, if you are a React developer, and y
 - Supports ES6 and commonjs.
 - Has 100% test coverage. Solid!
 
-### ghpage
-
-https://express-labs.github.io/pure-react-carousel/ (source code example is in [`src/App/`](src/App/))
-
-# Table of contents
+## Table of contents
   * [🛠 Tutorial](#-tutorial)
   * [Component Properties (props)](#component-properties-props)
   * [Components](#components)
@@ -48,6 +67,7 @@ https://express-labs.github.io/pure-react-carousel/ (source code example is in [
     * [WithStore() Higher Order Component](#withstore-higher-order-component-1)
     * [Examples](#examples)
   * [Dev Workflow](#dev-workflow)
+  * [Contributors](#contributors)
 
 ## 🛠 Tutorial
 Let's make a simple carousel with three slides, a next button, and a back button.
@@ -629,7 +649,7 @@ I promise to add docs for every component.  In the meantime, feel free to downlo
 - `npm lint` runs linting tests using eslint & airbnb linting.<br><br>
 - `npm test:watch` same as `npm test` but it will watch for updates and auto-run tests. Does not do coverage reporting.<br><br>
 
-## Contributors ✨
+## Contributors
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):