Cleanup & make coding comfier

.prettierignore

@@ -1,11 +1,10 @@
-doc
-public
-.vscode
-src/logo.svg
-.drone.yml
-.editorconfig
-.gitignore
-**/Dockerfile
-docker-compose.yml
-**/README*.md
-package.json
+doc
+public
+.vscode
+.drone.yml
+.editorconfig
+.gitignore
+**/Dockerfile
+docker-compose.yml
+**/README*.md
+package.json

.vscode/settings.json

@@ -1,7 +1,8 @@
-{
-    "files.eol": "\n",
-    "files.encoding": "utf8",
-    "files.insertFinalNewline": true,
-    "editor.tabSize": 4,
-    "editor.insertSpaces": true,
-}
+{
+    "files.eol": "\n",
+    "files.encoding": "utf8",
+    "files.insertFinalNewline": true,
+    "editor.tabSize": 4,
+    "editor.insertSpaces": true,
+    "editor.formatOnSave": true
+}

package.json

@@ -24,7 +24,9 @@
         "start": "react-scripts start",
         "build": "react-scripts build",
         "test": "react-scripts test",
-        "eject": "react-scripts eject"
+        "eject": "react-scripts eject",
+        "beautify": "prettier --write src/**",
+        "lint": "eslint src"
     },
     "browserslist": {
         "production": [

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Amber",
+  "name": "Amber Web",
   "icons": [
     {
       "src": "favicon.ico",

src/index.tsx

@@ -1,10 +1,9 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./main";
+import * as serviceWorker from "./serviceWorker";
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(<App />, document.getElementById("root"));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.

src/main.test.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./main";
+
+it("renders without crashing", () => {
+    const div = document.createElement("div");
+    ReactDOM.render(<App />, div);
+    ReactDOM.unmountComponentAtNode(div);
+});

src/main.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const App: React.FC = () => {
+    return <div className="app"></div>;
+};
+
+export default App;