First commit

Author: Minh Tran

.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "example/bower_components"
+}

.eslintrc

@@ -0,0 +1,63 @@
+{
+  "parser": "babel-eslint",
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "ecmaFeatures": {
+    "arrowFunctions": true,
+    "blockBindings": true,
+    "classes": true,
+    "defaultParams": true,
+    "destructuring": true,
+    "forOf": true,
+    "modules": true,
+    "objectLiteralComputedProperties": true,
+    "objectLiteralShorthandMethods": true,
+    "objectLiteralShorthandProperties": true,
+    "spread": true,
+    "superInFunctions": true,
+    "templateStrings": true,
+    "unicodeCodePointEscapes": true,
+    "jsx": true
+  },
+  "rules": {
+    "strict": 0,
+    "curly": 0,
+    "quotes": [2, "single"],
+    "no-underscore-dangle": 0,
+    "camelcase": [2, {"properties": "never"}],
+    "new-cap": 0,
+    "react/jsx-boolean-value": 2,
+    "react/jsx-quotes": 2,
+    "react/jsx-no-undef": 2,
+    "react/jsx-sort-props": 0,
+    "react/jsx-sort-prop-types": 0,
+    "react/jsx-uses-react": 2,
+    "react/jsx-uses-vars": 2,
+    "react/no-did-mount-set-state": 2,
+    "react/no-did-update-set-state": 2,
+    "react/no-multi-comp": 2,
+    "react/no-unknown-property": 1,
+    "react/prop-types": 1,
+    "react/react-in-jsx-scope": 2,
+    "react/self-closing-comp": 2,
+    "react/wrap-multilines": 0
+  },
+  "globals": {
+    "inject": false,
+    "module": false,
+    "describe": false,
+    "it": false,
+    "before": false,
+    "beforeEach": false,
+    "after": false,
+    "afterEach": false,
+    "expect": false,
+    "window": false,
+    "document": false
+  },
+  "plugins": [
+    "react"
+  ]
+}

.gitignore

@@ -0,0 +1,5 @@
+.idea
+.tmp
+dist
+example/bower_components
+node_modules

.npmignore

@@ -0,0 +1,5 @@
+.idea
+.tmp
+dist
+.bowerrc
+bower.json

README.md

@@ -0,0 +1 @@
+# React Progress Bar Plus

bower.json

@@ -0,0 +1,25 @@
+{
+  "name": "react-progress-bar-plus",
+  "version": "0.0.1",
+  "description": "Progress bar component for ReactJS.",
+  "main": "lib/ProgressBar.js",
+  "keywords": [
+    "react-component",
+    "react",
+    "component",
+    "react-progress",
+    "react-progress-bar",
+    "react-progress-bar-plus"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "devDependencies": {
+    "bootstrap-customize": "~3.3.4"
+  }
+}

example/app.js

@@ -0,0 +1,27 @@
+var React = require('react');
+
+require('./bower_components/bootstrap-customize/css/bootstrap.css');
+require('./assets/styles/app.scss');
+
+var Header = require('./components/Header');
+var Footer = require('./components/Footer');
+var Component = require('../src/Component');
+
+var App = React.createClass({
+  render: function () {
+    return (
+      <div className={"layout-page"}>
+        <Header/>
+        <main className={"layout-main"}>
+          <div className={"container"}>
+            <Component/>
+          </div>
+        </main>
+        <Footer/>
+      </div>
+    );
+  }
+});
+
+React.render(<App />, document.body);
+

example/assets/images/logo.svg

@@ -0,0 +1,3 @@
+body {
+  font-size: 14px;
+}

example/assets/styles/app.scss

@@ -0,0 +1,23 @@
+html,
+body{
+	height: 100%;
+}
+
+.layout-page{
+	position: relative;
+	min-height: 100%;
+	padding-bottom: 60px;
+}
+
+.layout-main{
+	margin-bottom: 30px;
+}
+
+.layout-footer{
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: 60px;
+	background-color: #F8F8F8;
+	padding: 20px 0;
+}