From 02a7d97571f6c476949ddd45235da14af7f0d979 Mon Sep 17 00:00:00 2001
From: Josh Creek <jcreek93@gmail.com>
Date: Sat, 13 Apr 2019 15:16:30 +0100
Subject: [PATCH] Initial setup of the routing, and included a test bank
 statement

---
 src/App.vue                             | 16 ++++++++++++----
 src/components/Header.vue               |  9 +++++++++
 src/components/HelloWorld.vue           | 21 ---------------------
 src/views/About.vue                     | 19 +++++++++++++++++++
 test-statement-uk-nationwide-format.csv | 14 ++++++++++++++
 5 files changed, 54 insertions(+), 25 deletions(-)
 create mode 100644 src/components/Header.vue
 create mode 100644 test-statement-uk-nationwide-format.csv

diff --git a/src/App.vue b/src/App.vue
index 238aa08..fb191bf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,21 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
+    <Header />
     <router-view/>
   </div>
 </template>
 
+<script>
+import Header from './components/Header.vue';
+export default {
+  name: 'app',
+  components: {
+    Header
+  }
+}
+</script>
+
+
 <style>
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
diff --git a/src/components/Header.vue b/src/components/Header.vue
new file mode 100644
index 0000000..b4f97a0
--- /dev/null
+++ b/src/components/Header.vue
@@ -0,0 +1,9 @@
+<template>
+<div id="header">
+<h1>Bank Statement Analyser</h1>
+    <div id="nav">
+      <router-link to="/">Home</router-link> |
+      <router-link to="/about">About</router-link>
+    </div>
+</div>
+</template>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 879051a..d285cb6 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -6,27 +6,6 @@
       check out the
       <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
     </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
   </div>
 </template>
 
diff --git a/src/views/About.vue b/src/views/About.vue
index 3fa2807..2101778 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,5 +1,24 @@
 <template>
   <div class="about">
     <h1>This is an about page</h1>
+    <p>
+      This project is designed to: 
+      <ul>
+        <li>Import a csv file (bank statement), ignoring any entries that already exist upon import </li>
+        <li>Apply tags/categories to each transaction </li>
+        <li>Be able to set rules to auto apply these, or manually set them for each item on a statement when adding it in</li>
+        <li>Have separate categories for savings and expenditure </li>
+        <li>Be able to summarise (with graphs) expenditure and savings for any selected time period </li>
+        <li>Be able to expand the above summaries for more detailed information </li>
+        <li>Be able to calculate your current FIRE status (i.e. how much you save in a year, and, assuming a return of x%, how much your yearly income from investing your savings would be, compounding to calculate how long until you hit a minimum retirement goal - vaguely similar to https://app.fin-dee.com/)</li>
+        <li>Be able to analyse and capture trends in expenditure and saving across months/years</li>
+      </ul>
+    </p>
   </div>
 </template>
+
+<style scoped>
+  .about {
+    text-align: left;
+  }
+</style>
diff --git a/test-statement-uk-nationwide-format.csv b/test-statement-uk-nationwide-format.csv
new file mode 100644
index 0000000..e71a657
--- /dev/null
+++ b/test-statement-uk-nationwide-format.csv
@@ -0,0 +1,14 @@
+"Account Name:","BankAccount ****01234"
+"Account Balance:","�100.00"
+"Available Balance: ","�98.50"
+
+"Date","Transaction type","Description","Paid out","Paid in","Balance"
+"13 Mar 2019","Contactless Payment","Arriva Kent Thameside Maidstone GB","�2.20","","�126.15"
+"14 Mar 2019","Visa purchase","CROSS COUNTRY TRAINS LONDON GB","�8.40","","�117.75"
+"15 Mar 2019","Bank credit RAPID ELECTRONICS","Bank credit RAPID ELECTRONICS","","�50.84","�168.59"
+"15 Mar 2019","Contactless Payment","Arriva Kent Thameside Maidstone GB","�2.20","","�166.39"
+"18 Mar 2019","Visa purchase Amazon Prime*MW9SW26R4","Amazon Prime*MW9SW26R4 amzn.co.uk/pm LU","�7.99","","�158.4"
+"18 Mar 2019","Visa purchase","TESCO STORE 3234 SUDBURY GB","�9.62","","�148.78"
+"18 Mar 2019","Visa purchase","TESCO PAYAT PUMP 3717 SUDBURY GB","�20.19","","�128.59"
+"18 Mar 2019","Contactless Payment","MCDONALDS SUDBURY GB","�1.39","","�108.40"
+"19 Mar 2019","Visa purchase","CROSS COUNTRY TRAINS LONDON GB","�8.40","","�100.00"