Initial map

Author: mugetsu

.travis.yml

@@ -0,0 +1,27 @@
+language: node_js
+node_js:
+  - "13"
+
+cache:
+  directories:
+    - "node_modules"
+
+branches:
+  only:
+  - master
+
+before_install:
+  - npm i -g yarn
+
+install:
+  - yarn
+  - yarn generate:gh-pages
+
+deploy:
+  - provider: pages
+    skip_cleanup: true
+    github_token: $GITHUB_ACCESS_TOKEN
+    target_branch: gh-pages
+    local_dir: dist
+    on:
+      branch: master

README.md

@@ -1,2 +1,2 @@
-# covid-tracker
+# COVID-19 Tracker 
 tracks COVID-19 around the world

api/confirmed.js

@@ -0,0 +1,22 @@
+// import axios from 'axios'
+
+// export default async (req, res, next) => {
+//   await axios.get('https://coronavirus-tracker-api.herokuapp.com/all')
+//     .then(res => {
+//       if (res.status === 200) {
+//         const { confirmed } = res.data
+//         res.json(confirmed)
+//       }
+//     })
+//     .catch(err => {
+//       console.log('API error.', err)
+//     })
+//   // return axios.get('http://example.com/getsession')
+//   //   .then(res => {
+//   //     store.commit('setSession', res)
+//   //     next()
+//   //   })
+//   //   .catch(() => {
+//   //     store.commit('clearSession')
+//   //   })
+// }

assets/README.md

@@ -0,0 +1,7 @@
+# ASSETS
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).

assets/css/base.scss

@@ -0,0 +1,50 @@
+/*------------------------------------*\
+    #BASE
+\*------------------------------------*/
+
+html {
+  display: flex;
+  font-size: 62.5%;
+}
+
+body {
+  margin: 0;
+  width: 100%;
+  font-family: 'Roboto';
+  font-size: 14px;
+  font-weight: 100;
+  letter-spacing: 0.1rem;
+  color: #ffffff;
+  background: #000000;
+}
+
+.wrapper {
+  min-height: 100vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.wrap-header,
+.wrap-footer {
+  padding: 0 16px;
+  flex-shrink: 0;
+}
+
+.wrap-header {
+  padding-top: 32px;
+  padding-bottom: 32px;
+  font-size: 1.8rem;
+  letter-spacing: 1px;
+  font-weight: 100;
+}
+
+.wrap-footer {
+  font-size: 1rem;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+.main-content {
+  flex-grow: 1;
+}

babel.config.js

@@ -0,0 +1,21 @@
+function isBabelLoader(caller) {
+  return caller && caller.name === 'babel-loader'
+}
+
+module.exports = function(api) {
+  if (api.env('test') && !api.caller(isBabelLoader)) {
+    return {
+      presets: [
+        [
+          '@babel/preset-env',
+          {
+            targets: {
+              node: 'current'
+            }
+          }
+        ]
+      ]
+    }
+  }
+  return {}
+}

components/Footer/__tests__/__snapshots__/index.spec.js.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Footer renders properly 1`] = `
+<footer>
+  <p>© 2020 Randell Quitain</p>
+</footer>
+`;

components/Footer/__tests__/index.spec.js

@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Footer from '../index.vue'
+
+const factory = () => {
+  return shallowMount(Footer, {})
+}
+
+describe('Footer', () => {
+  test('mounts properly', () => {
+    const wrapper = factory()
+    expect(wrapper.isVueInstance()).toBeTruthy()
+  })
+
+  test('renders properly', () => {
+    const wrapper = factory()
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+})

components/Footer/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <footer>
+    <p>© 2020</p>
+  </footer>
+</template>
+
+<script>
+export default {
+  name: 'Footer',
+  data() {
+    return {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+footer {
+  font-weight: 300;
+  font-size: 1.2rem;
+  text-align: center;
+  text-transform: uppercase;
+}
+</style>

components/Header/__tests__/__snapshots__/index.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Header renders properly 1`] = `<header></header>`;