first commit

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

package.json

@@ -3,8 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@material-ui/core": "^4.0.2",
+    "@material-ui/icons": "^4.0.1",
     "@types/jest": "24.0.13",
-    "@types/node": "12.0.4",
+    "@types/node": "12.0.5",
     "@types/react": "16.8.19",
     "@types/react-dom": "16.8.4",
     "react": "^16.8.6",
@@ -21,6 +23,13 @@
   "eslintConfig": {
     "extends": "react-app"
   },
+  "devDependencies": {
+    "prettier": "^1.17.1",
+    "tslint": "^5.12.0",
+    "tslint-config-prettier": "^1.18.0",
+    "tslint-plugin-prettier": "^2.0.1",
+    "tslint-react": "^4.0.0"
+  },
   "browserslist": {
     "production": [
       ">0.2%",

src/components/Atoms/TextInput.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import TextField from '@material-ui/core/TextField';
+
+interface IProps {
+  name: string;
+  type?: 'password' | 'email' | 'text';
+  autoFocus: boolean;
+  label: string;
+  placeholder: string;
+  value: string;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+const TextInput: React.FC<IProps> = props => {
+  return (
+    <TextField
+      required={true}
+      name={props.name}
+      type={props.type || 'text'}
+      autoFocus={props.autoFocus}
+      label={props.label}
+      placeholder={props.placeholder}
+      fullWidth={true}
+      margin="normal"
+      variant="outlined"
+      InputLabelProps={{
+        shrink: true,
+      }}
+      onChange={props.onChange}
+      value={props.value}
+    />
+  );
+};
+
+export default TextInput;

tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -19,7 +15,5 @@
     "noEmit": true,
     "jsx": "preserve"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }

tslint.json

@@ -0,0 +1,11 @@
+{
+  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
+  "rulesDirectory": ["tslint-plugin-prettier"],
+  "rules": {
+    "prettier": true,
+    "interface-name": false,
+    "no-console": [false],
+    "ordered-imports": [false],
+    "object-literal-sort-keys": [false]
+  }
+}