start project

Author: savalanpour

.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": ["@babel/env", "@babel/react"],
+  "plugins": [
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+/lib

.npmignore

@@ -0,0 +1,4 @@
+docs
+src
+.babelrc
+webpack.config.js

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Markus Englund
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,92 @@
+# React component Count Down Timer
+
+This is a simple count down timer react component.
+
+### Demo
+
+The demo app source code lives inside the `src/docs` folder. 
+
+## [Documentation](http://react-slick.neostack.com)
+
+### Installation
+
+**npm**
+
+```bash
+npm install count-down-timer --save
+```
+
+⚠️ Also install count-down-timer for css
+
+```bash
+@import "~count-down-timer/lib/styles.css";
+```
+
+
+### Example
+
+```js
+import React from "react";
+import CountDownTimer from "count-down-timer";
+
+class SimpleCountDownTimer extends React.Component {
+  render() {
+    var settings = {
+      count: 5432,
+      border: true,
+      showTitle: true,
+      noPoints: true,
+    };
+    return (
+      <CountDownTimer {...settings} />
+    );
+  }
+}
+```
+
+
+OR
+
+
+```js
+import React from "react";
+import CountDownTimer from "count-down-timer";
+
+class SimpleCountDownTimer extends React.Component {
+  render() {
+    return (
+      <CountDownTimer count={5432} border showTitle noPoints />
+    );
+  }
+}
+```
+
+
+
+
+### Common API
+
+| Name         | Type    | Default | Description |
+| ------------ | ------- | ------- | ----------- |
+| className | string | `''` | Additional CSS class for the root DOM node |
+| count | number | `0` | The count value of the timer base on second |
+| border | boolean | `false` | If the value is `true`, it means a count-down-timer has a border |
+| showTitle | boolean | `false` | If the value is `true`, it means a count-down-timer has a title top of each section |
+| direction | `right` or `left` | `right` | Value to be added or subtracted on each step the slider makes. Must be greater than zero, and `max` - `min` should be evenly divisible by the step value. <br /> When `marks` is not an empty object, `step` can be set to `null`, to make `marks` as steps. |
+| noPoints | boolean | `false` | If vertical is `true`, the count-down-timer will be `:` between each section . |
+| color | string | `#000` |  |
+| backgroundColor | string | `#fff` |  |
+| responsive | boolean | `false` | If `true`, with is responsive. |
+| size | `small` or `middle` or `large` or `big` | `middle` |  |
+| responsive | boolean | `false` | If `true`, with is responsive. |
+| hideDay | boolean | `false` | If `true`, hide day. |
+| hideHours | boolean | `false` | If `true`, hide hours . |
+| dayTitle | string | `Day` |  |
+| hourTitle | string | `Hour` |  |
+| minuteTitle | string | `Min` |  |
+| secondTitle | string | `Sec` |  |
+| onEnd | Function | () => {} | |
+
+## License
+
+`count-down-timer` is released under the MIT license.

docs/bundle.js

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <meta name="description" content="CHANGE THIS">
+  <title>React component starter</title>
+</head>
+
+<body>
+  <div id="app"></div>
+<script type="text/javascript" src="bundle.js"></script></body>
+
+</html>