test

.gitignore

@@ -1,8 +1,19 @@
-# Logs
-npm-debug.log*
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
 
-# Dependency directories
-node_modules
-src/api/db.json
+# production
+/build
+
+# misc
+.DS_Store
+.env
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-dist/
+coverage/

.travis.yml

@@ -0,0 +1,15 @@
+language: node_js
+
+node_js:
+    - "7"
+
+cache:
+  yarn: true
+  directories:
+    - node_modules
+
+script:
+  - yarn coverage
+
+after_script: "cat ./coverage/lcov.info | coveralls"  
+

README.md

@@ -1,47 +1,80 @@
-# ReactJs CRUD Boilerplate
+# ReactJs CRUD Boilerplate 
+[![Build Status](https://travis-ci.org/ariesmcrae/reactjs-crud-boilerplate.svg?branch=master)](https://travis-ci.org/ariesmcrae/reactjs-crud-boilerplate) [![Coverage Status](https://coveralls.io/repos/github/ariesmcrae/reactjs-crud-boilerplate/badge.svg)](https://coveralls.io/github/ariesmcrae/reactjs-crud-boilerplate) 
 
-* aka starter kit
-* aka Starter project
-* aka Seed
+[![dependencies Status](https://david-dm.org/ariesmcrae/reactjs-crud-boilerplate/status.svg)](https://david-dm.org/ariesmcrae/reactjs-crud-boilerplate) [![devDependencies Status](https://david-dm.org/ariesmcrae/reactjs-crud-boilerplate/dev-status.svg)](https://david-dm.org/ariesmcrae/reactjs-crud-boilerplate?type=dev)
 
-### Libraries used
+## Demo (Live Interactive)
+[https://d3cmu8mv5wwijw.cloudfront.net](https://d3cmu8mv5wwijw.cloudfront.net)
+
+## Preview
+<img src='https://github.com/ariesmcrae/ariesmcrae.github.com/blob/master/reactjs-crud-boilerplate.gif?raw=true' width='768' alt='Preview'>
+
+## Prerequisite
+* Nodejs v6+
+* yarnpkg (optional)
+
+
+## Getting Started
+```sh
+git clone https://github.com/ariesmcrae/reactjs-crud-boilerplate.git
+
+cd reactjs-crud-boilerplate
+
+yarn install
+    or
+npm install
+
+yarn start
+    or
+npm start
+```
+
+Open [http://localhost:3000](http://localhost:3000)<br>
+
+
+## Libraries used
 * ReactJs
-* Yarn
-* Express server
-* npm scripts
-* Node Security
+* Redux
+* create-react-app
+* React Router 4
+* Bootstrap 4
+* redux-form
+* React Boostrap Table
 * Babel
-* Webpack 1.x
-* ESLint, eslint-watch
-* Test Framework: Mocha
-* Test Assertion: Chai
-* Test Helper Library: Enzyme, JSDOM
-* Test Headless DOM: JSDOM - in memory DOM where tests are executed.
+* ESLint
+* Test Runner: Jest
+* Test Assertion: Jest
+* Test Helper Library: Enzyme
+* Test Headless DOM: JSDOM
 * react-addons-test-utils: needed by Enzyme
-* WhatWG Fetch
 * Mock API Data: hand rolled
-* `webpack-hot-middleware` - hot module replacement when using `ExpressJs` as a server, rather than using `webpack-dev-server`.
-* `eslint-plugin-react`
-* JSDOM
-* react-router 4
-* toastr (unfortunately, I had to install jquery with it, as it wouldn't work without it)
+* toastr
+* jquery (needed by toastr and bootstrap 4)
 * lodash
-* Bootstrap 4
-* Fontawesome: because Bootstrap 4 no longer suppies glyphicons
-* Tether is required by Bootstrap 4
-* jquery is required by Bootstrap 4
+* Font Awesome: because Bootstrap 4 no longer suppies glyphicons
+* Tether
+* jquery
 * thunk testing: nock (for mocking http calls), and redux-mock-store
+* code coverage: Jest & coveralls
+
+
+## Non create-react-app version
+It's located in the branch **non-create-react-app**.
+It uses hand crafted `Webpack 2`
+
+```sh
+git clone https://github.com/ariesmcrae/reactjs-crud-boilerplate.git
 
-### Webpack plugins
-* Dynamic HTML generation: html-webpack-plugin
-* CSS minification: extract-text-webpack-plugin
-* Bundle splitting.
+cd reactjs-crud-boilerplate
 
+git checkout -b non-create-react-app origin/non-create-react-app
 
+yarn install
 
+yarn start
+```
 
-### Credits
+## Credits
 This project took inspirations from :
-* `javascript-development-environment` by @coryhouse
-* `react-redux-react-router-es6` by @coryhouse
-* `bootstrap-4-playlist` by @iamshaunjp
+* [react-redux-react-router-es6](https://github.com/coryhouse/pluralsight-redux-starter) by [@coryhouse](https://twitter.com/housecor)
+* [bootstrap-4-playlist](https://github.com/iamshaunjp/bootstrap-4-playlist) by [@iamshaunjp](https://github.com/iamshaunjp)

package.json

@@ -1,9 +1,9 @@
 {
-  "name": "reactjs-crud-starterkit",
-  "description": "ReactJS CRUD Starter Kit",
+  "name": "reactjs-crud-boilerplate",
+  "description": "ReactJS CRUD Boilerplate",
   "version": "0.0.2",
-  "main": "index.js",
-  "repository": "https://github.com/ariesmcrae/reactjs-crud-starter-kit.git",
+  "private": false,
+  "repository": "https://github.com/ariesmcrae/reactjs-crud-boilerplate.git",
   "author": "Aries McRae <[email protected]>",
   "license": "MIT",
   "keywords": [
@@ -12,73 +12,36 @@
     "Starter Project",
     "Seed"
   ],
-  "scripts": {
-    "prestart": "babel-node scripts/startMessage.js",
-    "start": "npm-run-all --parallel security-check lint:watch test:watch startServerDev",
-    "startServerDev": "babel-node ./scripts/serverDev.js",
-    "security-check": "nsp check",
-    "lint": "esw webpack.config.* src scripts --color",
-    "lint:watch": "yarn lint -- --watch",
-    "test": "mocha --reporter spec --compilers scripts/testSetup.js --recursive test",
-    "test:watch": "yarn test -- --watch",
-    "clean-dist": "node_modules/.bin/rimraf dist && mkdir dist",
-    "prebuild": "npm-run-all clean-dist test lint",
-    "build": "babel-node scripts/build.js",
-    "postbuild": "babel-node scripts/serverProd.js"
-  },
   "dependencies": {
     "bootstrap": "4.0.0-alpha.6",
     "font-awesome": "^4.7.0",
-    "jquery": "^3.2.0",
+    "jquery": "^3.2.1",
     "lodash": "^4.17.4",
     "react": "^15.4.2",
+    "react-bootstrap-table": "^3.4.1",
     "react-dom": "^15.4.2",
-    "react-redux": "^5.0.2",
-    "react-router-dom": "^4.0.0",
-    "redux": "^3.6.0",
-    "redux-form": "^6.5.0",
+    "react-redux": "^5.0.5",
+    "react-router-dom": "^4.1.1",
+    "redux": "^3.7.0",
+    "redux-form": "^6.8.0",
     "redux-thunk": "^2.2.0",
     "tether": "^1.4.0",
     "toastr": "^2.1.2"
   },
   "devDependencies": {
-    "babel-cli": "^6.24.0",
-    "babel-core": "^6.24.0",
-    "babel-eslint": "^7.1.1",
-    "babel-loader": "^6.4.1",
-    "babel-plugin-transform-object-rest-spread": "^6.23.0",
-    "babel-preset-latest": "^6.24.0",
-    "babel-preset-react": "^6.23.0",
-    "babel-preset-react-hmre": "^1.1.1",
-    "babel-register": "^6.24.0",
-    "chai": "^3.5.0",
-    "chalk": "^1.1.3",
-    "compression": "^1.6.2",
-    "css-loader": "^0.27.3",
-    "enzyme": "^2.7.1",
-    "eslint": "^3.15.0",
-    "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
-    "eslint-plugin-react": "^6.9.0",
-    "eslint-watch": "^3.0.0",
-    "express": "^4.14.1",
-    "extract-text-webpack-plugin": "^2.0.0",
-    "file-loader": "^0.10.0",
-    "html-webpack-plugin": "^2.28.0",
-    "jsdom": "^9.12.0",
-    "mocha": "^3.2.0",
-    "nock": "^9.0.9",
-    "npm-run-all": "^4.0.1",
-    "nsp": "^2.6.2",
-    "open": "^0.0.5",
+    "coveralls": "^2.13.1",
+    "enzyme": "^2.8.2",
+    "enzyme-to-json": "^1.5.1",
+    "nock": "^9.0.13",
     "react-addons-test-utils": "^15.4.2",
-    "redux-mock-store": "^1.2.2",
-    "rimraf": "^2.5.4",
-    "style-loader": "^0.14.1",
-    "url-loader": "^0.5.7",
-    "webpack": "^2.2.1",
-    "webpack-dev-middleware": "^1.10.0",
-    "webpack-hot-middleware": "^2.16.1",
-    "webpack-md5-hash": "^0.0.5"
+    "react-scripts": "0.9.5",
+    "redux-mock-store": "^1.2.3"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "coverage": "react-scripts test --env=jsdom --coverage",
+    "eject": "react-scripts eject"
   }
 }