project reorganization

- use playground for dev purposes
- move examples into their own folder with actual dependencies

Author: ugogo

README.md

@@ -6,7 +6,9 @@ A verification code input, autocompletion friendly
 
 ## Examples
 
-- Basic - [CodeSandbox](https://codesandbox.io/s/basic-6ejdp) - [Source](https://github.com/ugogo/react-input-verification-code/tree/master/example/src/Basic.tsx)
+- Basic
+  - [CodeSandbox](https://codesandbox.io/s/basic-6ejdp)
+  - [Source](https://github.com/ugogo/react-input-verification-code/tree/master/examples/basic/src/index.tsx)
 
 ## Install
 

example/README.md renamed to examples/basic/README.md

@@ -0,0 +1,39 @@
+{
+  "name": "react-input-verification-code-example",
+  "homepage": ".",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "@types/react": "^16.9.27",
+    "@types/react-dom": "^16.9.7",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "^3.4.1",
+    "typescript": "^3.7.5",
+    "react-input-verification-code": "0.1.4"
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-object-rest-spread": "^7.8.3"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

examples/basic/package.json

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import ReactInputVerificationCode from 'react-input-verification-code';
+
+import 'react-input-verification-code/dist/index.css';
+import './index.css';
+
+ReactDOM.render(
+  <ReactInputVerificationCode />,
+  document.getElementById('root')
+);