andrewlimcj · ehdgus8077 · Apr 13, 2020 · Apr 13, 2020 · Apr 13, 2020 · Apr 13, 2020
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,3 @@
+/client
+/dist
+*.js
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,32 @@
+module.exports = {
+  'env': {
+    'es6': true,
+    'node': true
+  },
+  'extends': [
+    'airbnb-base',
+    'plugin:@typescript-eslint/eslint-recommended'
+  ],
+  'parser': '@typescript-eslint/parser',
+  'plugins': [
+    '@typescript-eslint'
+  ],
+  'settings': {
+    'import/resolver': {
+      'node': {
+        'extensions': ['.ts'],
+        'moduleDirectory': ['node_modules', 'src/']
+      }
+    }
+  },
+  'rules': {
+    'no-restricted-syntax': 0,
+    'import/no-unresolved': 0,
+    'use-isnan': 0,
+    'max-classes-per-file': 0,
+    'no-unused-vars': 0,
+    'guard-for-in': 0,
+    'prefer-destructuring': 0,
+    'import/extensions': [0, 'ignorePackages'],
+  }
+};
diff --git a/.gitignore b/.gitignore
@@ -1 +1,3 @@
 node_modules
+/dist
+.env
diff --git a/README.md b/README.md
@@ -1,2 +1,17 @@
+[![Run on Ainize](https://www.ainize.ai/static/images/run_on_ainize_button.svg)](https://ainize.web.app/redirect?git_repo=github.com/ainize-team2/crowdy)
+
+
 #BuildforCOVID19 Global Online Hackathon
-https://devpost.com/software/crowdy-8w1pvu
+https://devpost.com/software/crowdy-8w1pvu
+
+
+# How to build
+1. npm run heroku-postbuild
+2. npm start
+
+# How to build dockerfile
+```
+sudo docker build -t {Docker Path}:{Tag} .
+sudo docker push {Docker Path}:{Tag}
+```
+- Install docker (https://blog.cosmosfarm.com/archives/248/%EC%9A%B0%EB%B6%84%ED%88%AC-18-04-%EB%8F%84%EC%BB%A4-docker-%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95/)
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -8,16 +8,22 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
-  "proxy": "http://localhost:5000",
+  "proxy": "http://localhost:80",
   "dependencies": {
     "@material-ui/core": "latest",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.47",
+    "@material-ui/styles": "^4.9.10",
+    "@turf/turf": "^5.1.6",
     "clsx": "latest",
     "lodash": "^4.17.15",
+    "mapbox-gl": "^1.9.1",
     "react": "latest",
     "react-dom": "latest",
+    "react-ga": "^2.7.0",
+    "react-router-dom": "^5.1.2",
     "react-scripts": "latest",
+    "react-text-loop": "^2.3.0",
     "socket.io-client": "^2.3.0",
     "use-position": "0.0.6"
   },
@@ -32,5 +38,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "devDependencies": {}
 }
diff --git a/client/public/android-chrome-96x96.png b/client/public/android-chrome-96x96.png
diff --git a/client/public/apple-touch-icon.png b/client/public/apple-touch-icon.png
diff --git a/client/public/favicon-16x16.png b/client/public/favicon-16x16.png
diff --git a/client/public/favicon-32x32.png b/client/public/favicon-32x32.png
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
diff --git a/client/public/icon-search-map.svg b/client/public/icon-search-map.svg
diff --git a/client/public/index.html b/client/public/index.html
@@ -4,6 +4,8 @@
 <head>
   <meta charset="utf-8" />
   <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="title" content="Crowdy" />
+  <meta name="description" content="Find places near you that are not crowded!" />
   <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
   <meta name="theme-color" content="#000000" />
   <!--
@@ -27,9 +29,27 @@
   <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="theme-color" content="#ffffff">
+  <!-- Twitter card metadata -->
+  <meta name="twitter:title" content="Crowdy" />
+  <meta name="twitter:description" content="Find places near you that are not crowded!" />
+  <meta name="twitter:image" content="%PUBLIC_URL%/og-img.png" />
+  <meta name="twitter:card" content="summary_large_image"/>
+  <meta name="twitter:image:width" content="1200" />
+  <meta name="twitter:image:height" content="630" />
+  <!-- Open Graph metadata -->
+  <meta property="og:title" content="Crowdy" />
+  <meta property="og:type" content="website" />
+  <meta property="og:description" content="Find places near you that are not crowded!" />
+  <meta property="og:image" content="%PUBLIC_URL%/og-img.png" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+  <meta property="og:image:alt" content="Crowdy" />
   <title>Crowdy</title>
   <!-- Fonts to support Material Design -->
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+  <link  href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet' />
 </head>
 
 <body>

diff --git a/client/public/marker_no_time_data.svg b/client/public/marker_no_time_data.svg
diff --git a/client/public/marker_not_busy.svg b/client/public/marker_not_busy.svg
diff --git a/client/public/marker_not_too_busy.svg b/client/public/marker_not_too_busy.svg