init

Raais · Jul 29, 2024 · 4f6c22d · 4f6c22d
commit 4f6c22d
Show file tree

Hide file tree

Showing 50 changed files with 8,579 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,22 @@
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Raais N.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,58 @@
+
+# FisaMatrix 🇲🇻
+
+### [🔥 FisaMatrix App (raa.is/fm)](https://raais.github.io/fm)
+
+A ~~local-first~~ **local-only**, solution to gain insights to your personal finances.
+
+- Upload your statements
+- Categorize your transactions
+- That's it.
+
+![charts](https://github.com/Raais/fm/blob/main/README/charts.jpg?raw=true)
+
+![dataset](https://github.com/Raais/fm/blob/main/README/dataset.jpg?raw=true)
+
+### Features
+
+- Built In / Custom Categories
+- Daily expenses graphs
+- Monthly expenses Trends
+- Select any range
+- Category Aggregates / Breakdowns
+- End-of-month Forecasts
+- Debit Sum / Count Overviews
+- [Powerful search](https://github.com/lucaong/minisearch) for Dataset table
+- [Locally Stored](https://tinybase.org/) (Browser Storage / IndexedDB)
+- Import Transactions as CSV
+- Import/Export all data as SQLite DB
+
+### Why?
+
+- Because I didn't want to open my budget tracker app and manually add transactions everytime
+- Zero work (after categorizing)
+- One, authoritative source of truth (it's literally your bank)
+
+### Your Data
+
+This is a **fully client-side React app**... the only network request is for fetching currency rates.
+
+All your data is stored in your Browser's [IndexedDB](https://tinybase.org/api/persister-indexed-db/interfaces/persister/indexeddbpersister/) Storage. You can inspect everything the app sees by clicking the tiny black-and-pink icon on the bottom.
+
+You can conveniently **export** or **restore** the entire database from the settings tab.
+
+### Built with
+
+- [TinyBase](https://tinybase.org/)
+- [sqlite-wasm](https://github.com/sqlite/sqlite-wasm)
+- [Apex Charts](https://apexcharts.com/)
+- [MiniSearch](https://github.com/lucaong/minisearch)
+
+## Run
+
+    npm install
+    npm run dev
+
+## License
+
+MIT
diff --git a/README/charts.jpg b/README/charts.jpg
diff --git a/README/dataset.jpg b/README/dataset.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Personal Finance Insights" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap"
+    />
+    <title>FisaMatrix 🇲🇻</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>