Convert template to typescript for use in admin

README.md

@@ -1,4 +1,4 @@
-# CMPD Explorers Christmas Project 2017
+# CMPD Explorers Christmas Project 2018
 
 This application, developed by [Code for Charlotte], helps automate
 the [CMPD Explorers Christmas Project].

frontend_apps/admin/package.json

@@ -1,53 +1,78 @@
 {
   "name": "cmpd-fe-admin-app",
-  "version": "0.1.0",
-  "private": true,
+  "version": "0.0.1",
   "dependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0",
-    "react-scripts-ts": "2.14.0",
+    "bootstrap": "3.3.7",
+    "chartist": "0.10.1",
     "babel-polyfill": "^6.26.0",
     "moment": "^2.19.1",
     "ramda": "^0.25.0",
-    "react-bootstrap": "^0.31.5",
-    "react-redux": "^5.0.6",
-    "react-router": "^4.2.0",
-    "react-router-dom": "^4.1.1",
-    "react-router-redux": "5.0.0-alpha.7",
-    "redux": "^3.7.2",
-    "redux-thunk": "^2.2.0",
-    "styled-components": "^2.4.0"
+    "node-sass": "4.6.1",
+    "node-sass-chokidar": "0.0.3",
+    "npm-run-all": "4.1.2",
+    "react-bootstrap": "0.32.1",
+    "react-chartist": "0.13.1",
+    "react-google-maps": "9.4.5",
+    "react-notification-system": "0.2.17",
+    "react-router-dom": "4.2.2",
+    "styled-components": "^2.4.0",
+    "axios": "^0.16.2",
+    "querystring": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+    "tslint-react": "^3.2.1",
+    "autoprefixer": "7.1.2",
+    "case-sensitive-paths-webpack-plugin": "2.1.1",
+    "chalk": "1.1.3",
+    "css-loader": "0.28.4",
+    "dotenv": "4.0.0",
+    "extract-text-webpack-plugin": "3.0.0",
+    "file-loader": "0.11.2",
+    "fs-extra": "3.0.1",
+    "html-webpack-plugin": "2.29.0",
+    "jest": "20.0.4",
+    "object-assign": "4.1.1",
+    "postcss-flexbugs-fixes": "3.2.0",
+    "postcss-loader": "2.0.6",
+    "promise": "8.0.1",
+    "react-dev-utils": "^4.0.1",
+    "source-map-loader": "^0.2.1",
+    "style-loader": "0.18.2",
+    "sw-precache-webpack-plugin": "0.11.4",
+    "ts-jest": "^20.0.7",
+    "ts-loader": "^2.3.7",
+    "tslint": "^5.7.0",
+    "tslint-loader": "^3.5.3",
+    "typescript": "~2.5.3",
+    "url-loader": "0.5.9",
+    "webpack": "3.5.1",
+    "webpack-dev-server": "2.7.1",
+    "webpack-manifest-plugin": "1.2.1",
+    "whatwg-fetch": "2.0.3",
+    "react": "^16.3.0",
+    "react-dom": "^16.3.0"
+  },
+  "devDependencies": {
+    "react-scripts-ts": "2.13.0",
+    "typescript": "^2.7.1"
+  },
+  "peerDependencies": {
+    "typescript": "2.x"
+  },
+  "optionalDependencies": {
+    "fsevents": "^1.1.3"
   },
   "scripts": {
+    "build-css": "node-sass-chokidar src/ -o src/",
+    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
+    "start-js": "react-scripts start",
     "start": "react-scripts-ts start",
-    "build": "react-scripts-ts build",
-    "test": "react-scripts-ts test --env=jsdom",
-    "eject": "react-scripts-ts eject"
+    "build": "npm run build-css && react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
   },
-  "devDependencies": {
-    "@types/jest": "^22.1.3",
-    "@types/node": "^8.9.4",
-    "@types/react": "^16.0.38",
-    "@types/react-dom": "^16.0.4",
-    "@types/react-redux": "^4.2.4",
-    "@types/react-router": "^4.0.22",
-    "@types/react-router-dom": "^4.2.3",
-    "enzyme-adapter-react-16": "^1.1.0",
-    "jest": "^21.2.1",
-    "jest-cli": "^21.2.1",
-    "jest-styled-components": "4.9.0",
-    "typescript": "^2.8.1",
-    "ts-node": "^5.0.1",
-    "ts-jest": "^22.4.2"
+  "babel": {
+    "presets": ["react-app"]
   },
-  "jest": {
-    "coverageReporters": ["lcov", "cobertura", "text-summary"],
-    "testEnvironment": "jsdom",
-    "moduleFileExtensions": ["ts", "tsx", "js"],
-    "testMatch": ["**/src/**/*.test.(ts|tsx)"],
-    "collectCoverageFrom": ["**/src/**/*.(ts|tsx)", "!**/src/**/*.test.(ts|tsx)"],
-    "transform": {
-      "\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
-    }
+  "eslintConfig": {
+    "extends": "react-app"
   }
 }

frontend_apps/admin/public/index.html

@@ -1,43 +1,54 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 
 <head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <meta name="theme-color" content="#000000">
-  <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-  <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-  <title>Admin - CMPD Explorers Christmas Project</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <!--
+        manifest.json provides metadata used when your web app is added to the
+        homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+        -->
+    <link rel="manifest" href="./manifest.json">
+    <link rel="shortcut icon" href="./favicon.ico">
+    <link rel="apple-touch-icon" sizes="76x76" href="./apple-icon.png">
+
+    <!--
+        Notice the use of %PUBLIC_URL% in the tags above.
+        It will be replaced with the URL of the `public` folder during the build.
+        Only files inside the `public` folder can be referenced from the HTML.
+
+        Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+        work correctly both with client-side routing and a non-root public URL.
+        Learn how to configure a non-root public URL by running `npm run build`.
+        -->
+    <title>Light Bootstrap Dashboard - React</title>
+
+    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
+    <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'>
+
+
+
 </head>
 
 <body>
-  <noscript>
-    You need to enable JavaScript to run this app.
-  </noscript>
-  <div id="root"></div>
-  <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
+    <noscript>
+        You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root">
+
+    </div>
+    <!--
+        This HTML file is a template.
+        If you open it directly in the browser, you will see an empty page.
+
+        You can add webfonts, meta tags, or analytics to this file.
+        The build step will place the bundled scripts into the <body> tag.
+
+        To begin the development, run `npm start` or `yarn start`.
+        To create a production bundle, use `npm run build` or `yarn build`.
+        -->
+    <script src="../src/index.tsx"></script>
 </body>
 
 </html>

frontend_apps/admin/public/manifest.json

@@ -4,8 +4,8 @@
   "icons": [
     {
       "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
+      "sizes": "192x192",
+      "type": "image/png"
     }
   ],
   "start_url": "./index.html",