feat: change web-app for typescript

.gitignore

@@ -1,5 +1,6 @@
 docker-compose.yml
-docker-data/*
+database/docker-data/*
+database/*
 .vsls
 .idea
 .env

commitlint.config.js

@@ -1 +1 @@
-module.exports = {extends: ['@commitlint/config-conventional']}
+module.exports = { extends: ['@commitlint/config-conventional'] };

docker-compose.dev.example

@@ -33,14 +33,3 @@ services:
       - DB_PORT=5432
     depends_on:
       - database-service
-
-  webapp-service:
-    container_name: app-webapp
-    build:
-      context: ./web-app
-      dockerfile: Dockerfile
-    volumes:
-      - ./web-app:/app
-    command: "npm start"
-    ports:
-      - "3000:3000"

entrypoint-dev.sh

@@ -1,12 +1,10 @@
 echo "************* [REACT-DONIS-STARTER] *************"
 
 echo "****** [CHANGELOG CONVENTION] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 npm install
 
 
 echo "****** [API DEPENDENCIES] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 
 cd ./api 
 cp .env.example .env
@@ -16,15 +14,13 @@ cd ..
 
 
 echo "****** [WEB-APP DEPENDENCIES] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 cd ./web-app 
 npm install
 cd ..
 
 
 echo "****** [DOCKER] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 
 cp docker-compose.dev.example docker-compose.yml
 
-docker-compose up
+docker-compose up -d && cd ./web-app && npm start

entrypoint-prod.sh

@@ -1,12 +1,10 @@
 echo "************* [REACT-DONIS-STARTER] *************"
 
 echo "****** [CHANGELOG CONVENTION] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 npm install
 
 
 echo "****** [API DEPENDENCIES] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 
 cd ./api 
 cp .env.example .env
@@ -16,15 +14,13 @@ cd ..
 
 
 echo "****** [WEB-APP DEPENDENCIES] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 cd ./web-app 
 npm install
 npm run build
 cd ..
 
 
 echo "****** [DOCKER] ****** [CONFIGURING PROJECT] ******"
-echo "\n"
 
 cp docker-compose.prod.example docker-compose.yml
 

package.json

@@ -4,15 +4,15 @@
   "description": "react-donis-docker-starter",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/gabriel-roque/starwars-battle.git"
+    "url": "git+https://github.com/gabriel-roque/react-donis-docker-starter.git"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "bugs": {
-    "url": "https://github.com/gabriel-roque/starwars-battle/issues"
+    "url": "https://github.com/gabriel-roque/react-donis-docker-starter/issues"
   },
-  "homepage": "https://github.com/gabriel-roque/starwars-battle#readme",
+  "homepage": "https://github.com/gabriel-roque/react-donis-docker-starter#readme",
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^8.3.4",

web-app/.dockerignore

@@ -1,5 +1,4 @@
 Dockerfile
-.dockerignore
 .git/
 .gitignore
 node_modules/

web-app/.eslintrc.json

@@ -0,0 +1,45 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true
+  },
+  "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:@typescript-eslint/eslint-recommended"],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "@typescript-eslint/parser",
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": ["react", "@typescript-eslint", "eslint-plugin-import-helpers"],
+  "rules": {
+    "import-helpers/order-imports": [
+      "warn",
+      {
+        "newlinesBetween": "always",
+        "groups": [
+          "/^react/",
+          "/layouts/",
+          "/^assets/",
+          "/^components/",
+          "/@material-ui/",
+          "/@fortawesome^/",
+          "/^utils/",
+          "/^redux/",
+          ["parent", "sibling", "index"]
+        ],
+        "alphabetize": { "order": "asc", "ignoreCase": true }
+      }
+    ]
+  }
+}

web-app/.prettierrc.json

@@ -0,0 +1,21 @@
+{
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "noUnusedLocals": true,
+  "singleQuote": true,
+  "printWidth": 120,
+  "overrides": [
+    {
+      "files": "*.md",
+      "options": {
+        "tabWidth": 2
+      }
+    },
+    {
+      "files": "*.json",
+      "options": {
+        "tabWidth": 2
+      }
+    }
+  ]
+}