Update config: remove prettier, add eslint, tsconfig, update gatsby c…

…onfig

.eslintrc.js

@@ -0,0 +1,34 @@
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    'airbnb-typescript',
+  ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+  },
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json',
+  },
+  plugins: [
+    'react',
+    '@typescript-eslint',
+    'react-hooks',
+  ],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  rules: {
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+  },
+};

.gitignore

@@ -48,11 +48,15 @@ typings/
 # Optional REPL history
 .node_repl_history
 
+# Firebase cache directory
+.firebase
+
 # Output of 'npm pack'
 *.tgz
 
 # dotenv environment variable files
 .env*
+.firebaserc
 
 # gatsby files
 .cache/

gatsby-config.js

@@ -1,34 +1,35 @@
 module.exports = {
   siteMetadata: {
-    title: `Gatsby Default Starter`,
-    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
-    author: `@gatsbyjs`,
+    title: 'Corona',
+    description: 'A simple tool to track global progress in defeating Covid-19.',
+    author: '@rickkln',
   },
   plugins: [
-    `gatsby-plugin-react-helmet`,
+    'gatsby-plugin-react-helmet',
     {
-      resolve: `gatsby-source-filesystem`,
+      resolve: 'gatsby-source-filesystem',
       options: {
-        name: `images`,
+        name: 'images',
         path: `${__dirname}/src/images`,
       },
     },
-    `gatsby-transformer-sharp`,
-    `gatsby-plugin-sharp`,
+    'gatsby-transformer-sharp',
+    'gatsby-plugin-sharp',
     {
-      resolve: `gatsby-plugin-manifest`,
+      resolve: 'gatsby-plugin-manifest',
       options: {
-        name: `gatsby-starter-default`,
-        short_name: `starter`,
-        start_url: `/`,
-        background_color: `#663399`,
-        theme_color: `#663399`,
-        display: `minimal-ui`,
-        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
+        name: 'Corona',
+        short_name: 'corona',
+        start_url: '/',
+        background_color: '#202124',
+        theme_color: '#202124',
+        display: 'browser',
+        icon: 'src/images/logo-icon.png', // This path is relative to the root of the site.
       },
     },
+    'gatsby-plugin-typescript',
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // `gatsby-plugin-offline`,
   ],
-}
+};

tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "ecmaFeatures": {
+    "jsx": true,
+  },
+  "ecmaVersion": 2018,
+  "sourceType": "module",
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "esnext",
+    "jsx": "preserve",
+    "lib": [
+      "dom",
+      "esnext",
+    ],
+    "strict": true,
+    "noEmit": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "noUnusedLocals": false,
+    "noImplicitAny": true
+  },
+  "exclude": [
+    "node_modules",
+    "public",
+    ".cache",
+  ]
+}