client/mongodbnotes.txt

@@ -7,7 +7,7 @@ db.createCollection("budgetPeriods")
 
 users: [{
 	_id: <id>
-	username: "jules"
+	username: “maximx1”
 }]
 
 accounts: [{
@@ -20,38 +20,5 @@ budgets: [{
 }]
 
 budgetPeriods: [{
-    user: ObjectId("63faac6823cd0682fe8c8ed6"),
+    
-    startDate: new Date("2023-03-03"),
+}]
-    endDate: new Date("2023-03-10"),
-    leftover: 23.22,
-    cashflows: [
-        {
-            account: ObjectId("63fab01a23cd0682fe8c8ed7"),
-            dueDate: new Date("2023-03-04"),
-            postingDate: new Date("2023-03-04"),
-            amount: 22.23,
-            isIncome: false
-        }
-    ],
-    verified: true,
-    adhocPurchases: [
-        {
-            postingDate: new Date("2023-03-05"),
-            amount: 1.99,
-            description: "",
-            isIncome: false
-        }
-    ]
-}]
-
-$push operator for adding to arrays
-
-2023-03-07
-
-{
-	user: ObjectId("63faac6823cd0682fe8c8ed6"),
-	start: { $lte: "2023-03-07T05:00:00.000Z" },
-	end: { $gt: "2023-03-07T05:00:00.000Z" }
-}
-
-http://localhost:3001/jules/period/in/2023-03-01..2023-04-01

client/package-lock.json

@@ -11,7 +11,6 @@
         "@testing-library/jest-dom": "^5.16.1",
         "@testing-library/react": "^12.1.2",
         "@testing-library/user-event": "^13.5.0",
-        "axios": "^1.3.4",
         "bootstrap": "^5.1.3",
         "gridjs": "^5.0.2",
         "gridjs-react": "^5.0.2",
@@ -4425,29 +4424,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/axios": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.4.tgz",
-      "integrity": "sha512-toYm+Bsyl6VC5wSkfkbbNB6ROv7KY93PEBBL6xyDczaIHasAiv4wPqQ/c4RjoQzipxRD2W5g21cOqQulZ7rHwQ==",
-      "dependencies": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "node_modules/axios/node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/axobject-query": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
@@ -7490,9 +7466,9 @@
       "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg=="
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.2",
+      "version": "1.14.7",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==",
       "funding": [
         {
           "type": "individual",
@@ -12962,11 +12938,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
     "node_modules/psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -19312,28 +19283,6 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.4.0.tgz",
       "integrity": "sha512-btWy2rze3NnxSSxb7LtNhPYYFrRoFBfjiGzmSc/5Hu47wApO2KNXjP/w7Nv2Uz/Fyr/pfEiwOkcXhDxu0jz5FA=="
     },
-    "axios": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.4.tgz",
-      "integrity": "sha512-toYm+Bsyl6VC5wSkfkbbNB6ROv7KY93PEBBL6xyDczaIHasAiv4wPqQ/c4RjoQzipxRD2W5g21cOqQulZ7rHwQ==",
-      "requires": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      },
-      "dependencies": {
-        "form-data": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-          "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-          "requires": {
-            "asynckit": "^0.4.0",
-            "combined-stream": "^1.0.8",
-            "mime-types": "^2.1.12"
-          }
-        }
-      }
-    },
     "axobject-query": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
@@ -21597,9 +21546,9 @@
       "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg=="
     },
     "follow-redirects": {
-      "version": "1.15.2",
+      "version": "1.14.7",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ=="
     },
     "fork-ts-checker-webpack-plugin": {
       "version": "6.5.0",
@@ -25405,11 +25354,6 @@
         }
       }
     },
-    "proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",

client/package.json

@@ -6,7 +6,6 @@
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
-    "axios": "^1.3.4",
     "bootstrap": "^5.1.3",
     "gridjs": "^5.0.2",
     "gridjs-react": "^5.0.2",

client/src/base/App.jsx

@@ -8,7 +8,7 @@ const AppImpl = () => {
   const context = useContext(BudgetContext);
 
   useEffect(() => {
-    context.api.getCurrentPeriod();
+    context.api.loadData(mockedData.budgetPeriods);
   }, []);
 
   return (

client/src/data/context/BudgetContext.jsx

@@ -1,5 +1,4 @@
 import { useReducer, createContext } from 'react';
-import axios from 'axios';
 import BudgetReducer from './BudgetReducer';
 
 const BudgetContext = createContext();
@@ -10,17 +9,8 @@ const BudgetState = (props) => {
     },
     [state, dispatch] = useReducer(BudgetReducer, initialState),
     api = {
-        getCurrentPeriod: () => {
+        loadData: (data) => {
-            axios.get(`http://localhost:3001/jules/period/for/${(new Date()).toISOString()}`, {
+            dispatch({ type: 'budget/populate', data });
-                headers: {
-                    'Access-Control-Allow-Origin': '*',
-                    'Access-Control-Allow-Methods': 'GET',
-                    crossorigin: true
-                }
-            }).then(response => {
-                dispatch({ type: 'budget/populate', data: [{ ...response.data, id: response.data.id }] });
-            });
-
         },
         updateBillPaid: (periodId, billId) => {
             dispatch({ type: 'budget/period/bills/update', data: { periodId, billId }});

client/src/views/BudgetPeriodCard.jsx

@@ -9,10 +9,10 @@ const BudgetPeriodCard = ({periodData, isActive}) => {
     const cardRef = useRef(),
         context = useContext(BudgetContext),
         [bankBalance, setBankBalance] = useState(0),
-        [projectedLeftover, setProjectedLeftover] = useState(periodData),
+        [projectedLeftover, setProjectedLeftover] = useState(0),
-        paidBills = periodData.cashflows.filter((f) => !f.isIncome && f.postingDate != null),
+        paidBills = periodData.bills.filter((bill) => bill.paid),
-        unpaidBills = periodData.cashflows.filter((f) => !f.isIncome && f.postingDate == null),
+        unpaidBills = periodData.bills.filter((bill) => !bill.paid),
-        [incomes, setIncomes] = useState(periodData.cashflows.filter((f) => f.isIncome)),
+        [incomes, setIncomes] = useState(periodData.income),
         [paidIncomes, setPaidIncomes] = useState([]),
         [unpaidIncomes, setUnpaidIncomes] = useState([]),
         moveTransItemAction = (row) => {
@@ -52,9 +52,9 @@ const BudgetPeriodCard = ({periodData, isActive}) => {
             </div>
             <div className='card-body'>
                 <div className='dates'>
-                    <span className='dates-start'>{(new Date(periodData.startDate)).toLocaleDateString()}</span>
+                    <span className='dates-start'>{periodData.startDate.toDateString().split(' ').slice(1).join(' ')}</span>
                     <span> - </span>
-                    <span className='dates-end'>{(new Date(periodData.endDate)).toLocaleDateString()}</span> 
+                    <span className='dates-end'>{ periodData.endDate.toDateString().split(' ').slice(1).join(' ')}</span> 
                 </div>
                 <div className='bank-current'>
                     <span className='bank-current-label'>Current Balance</span>

server/src/controllers/AccountController.js

@@ -1,13 +0,0 @@
-const accountManager = require('../managers/AccountManager'),
-    accountStore = require('../stores/AccountStore');
-
-exports.load = (app) => {
-    app.get('/accounts', (req, res) => {
-        accountStore.getAccounts().then(data => res.json({ accounts: data }));
-    });
-
-    app.get('/:username/accounts', (req, res) => {
-        const { username } = req.params;
-        accountManager.getUserAccounts(username).then(data => res.json(data));
-    });
-};

server/src/controllers/BudgetPeriodController.js

@@ -1,19 +0,0 @@
-const budgetPeriodManager = require('../managers/BudgetPeriodManager');
-
-exports.load = (app) => {
-    // app.get('/:username/period/current', (req, res) => {
-    //     const { username } = req.params;
-    //     budgetPeriodManager.getBudgetPeriodForUserByDateInPeriod(username, new Date()).then(data => res.json(data));
-    // });
-
-    app.get('/:username/period/for/:date', (req, res) => {
-        const { username, date } = req.params;
-        res.header("Access-Control-Allow-Origin", "*");
-        budgetPeriodManager.getBudgetPeriodForUserByDateInPeriod(username, new Date(date)).then(data => res.json(data));
-    });
-
-    app.get('/:username/period/in/:start..:end', (req, res) => {
-        const { username, start, end } = req.params;
-        budgetPeriodManager.getBudgetPeriodsForUserWithinDateRange(username, new Date(start), new Date(end)).then(data => res.json(data));
-    });
-};

server/src/controllers/UserController.js

@@ -1,7 +0,0 @@
-const userStore = require('../stores/UserStore');
-
-exports.load = (app) => {
-    app.get('/users', (req, res) => {
-        userStore.getUsers().then(data => res.json({ users: data }));
-    });
-};

server/src/managers/BudgetPeriodManager.js

@@ -1,22 +0,0 @@
-const userStore = require('../stores/UserStore'),
-    budgetPeriodStore = require('../stores/BudgetPeriodStore');
-
-exports.getBudgetPeriodsForUserWithinDateRange = (username, startDate, endDate) => {
-    return new Promise((resolve, reject) => {
-        userStore.findUser(username).then((user) => {
-            budgetPeriodStore.getBudgetPeriodsForUserWithinDateRange(user._id, startDate, endDate).then(budgetPeriods => {
-                resolve(budgetPeriods);
-            });
-        });
-    });
-};
-
-exports.getBudgetPeriodForUserByDateInPeriod = (username, date) => {
-    return new Promise((resolve, reject) => {
-        userStore.findUser(username).then((user) => {
-            budgetPeriodStore.getBudgetPeriodForUserByDateInPeriod(user._id, date).then(accounts => {
-                resolve(accounts);
-            });
-        });
-    });
-};

server/src/server.js

@@ -1,12 +1,22 @@
 const express = require('express'),
     port = process.env.PORT || 3001,
-    app = express();
+    app = express(),
+    userManager = require('./managers/UserManager'),
+    userStore = require('./stores/UserStore'),
+    accountStore = require('./stores/AccountStore');
 
-[
+app.get('/users', (req, res) => {
-    require('./controllers/UserController'),
+    userStore.getUsers().then(data => res.json({ users: data }));
-    require('./controllers/AccountController'),
+});
-    require('./controllers/BudgetPeriodController')
+
-].forEach(c => c.load(app));
+app.get('/:username/accounts', (req, res) => {
+    const { username } = req.params;
+    userManager.getUserAccounts(username).then(data => res.json(data));
+});
+
+app.get('/accounts', (req, res) => {
+    accountStore.getAccounts().then(data => res.json({ accounts: data }));
+});
 
 app.listen(port, () => {
     console.log(`===> Server started: http://localhost:${port}/`);

server/src/stores/BudgetPeriodStore.js

@@ -1,23 +0,0 @@
-const mongo = require('./Mongo');
-
-exports.getBudgetPeriods = () => {
-    return mongo.listAll('budgetPeriods');
-};
-
-exports.getBudgetPeriodsForUserWithinDateRange = (userId, startDate, endDate) => {
-    return mongo.find('budgetPeriods', {
-        user: userId,
-        startDate: { $gte: startDate },
-        endDate: { $lt: endDate }
-    });
-};
-
-exports.getBudgetPeriodForUserByDateInPeriod = (userId, date) => {
-    return mongo.findOne('budgetPeriods', {
-        user: userId,
-        startDate: { $lte: date },
-        endDate: { $gt: date }
-    });
-};
-
-// db.budgetPeriods.insert({ cashflows: [ { account: ObjectId("63fab01a23cd0682fe8c8ed7"), dueDate: new Date("2023-03-04"), postingDate: new Date("2023-03-04"), amount: 22.23, isIncome: false }], verified: true, adhocPurchases: [ { postingDate: new Date("2023-03-05"), amount: 1.99, description: "", isIncome: false }] })