rameezk · rameezk · Feb 9, 2021 · Feb 9, 2021 · Feb 9, 2021 · Feb 9, 2021
diff --git a/.envrc b/.envrc
@@ -0,0 +1 @@
+use_nix
diff --git a/.gitignore b/.gitignore
@@ -1,14 +1,20 @@
+node_modules/
+public/js
+
+/target
+/checkouts
+/src/gen
+
 pom.xml
-*jar
-/lib/
-/classes/
-/out/
-/target/
-.lein-deps-sum
-.lein-repl-history
-.lein-plugins/
-.repl
-.nrepl-port
-.cpcache/
-.rebel_readline_history
-resources/public/cljs-out/
+pom.xml.asc
+*.iml
+*.jar
+*.log
+.shadow-cljs
+.idea
+.lein-*
+.nrepl-*
+.DS_Store
+
+.hgignore
+.hg/
diff --git a/LICENSE.md b/LICENSE.md
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Rameez Khan
+Copyright (c) 2021 Rameez Khan
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/Makefile b/Makefile
@@ -1,7 +1,10 @@
-.PHONY: build test
+.PHONY: build
 
-build:
-	lein fig:build
+dev:
+	yarn dev
 
-production:
-	lein fig:min
+release:
+	yarn release
+
+nrepl:
+	clj -M:nrepl
diff --git a/README.md b/README.md
@@ -10,43 +10,11 @@ Live version can be accessed [here](https://financialhealth.app) 👈🏽.
 
 Assess your financial health with a high level dashboard.
 
-### Features
-- [x] Chart to view your salary over time
-- [ ] View your current net worth
-
-### Future work
-- [ ] View your net worth over time
-- [ ] Track TFSA contributions
-
-## Development
-
-To get an interactive development environment run:
-
-    lein fig:build
-
-This will auto compile and send all changes to the browser without the
-need to reload. After the compilation process is complete, you will
-get a Browser Connected REPL. An easy way to try it is:
-
-    (js/alert "Am I connected?")
-
-and you should see an alert in the browser window.
-
-To clean all compiled files:
-
-	lein clean
-
-To create a production build run:
-
-	lein clean
-	lein fig:min
-
-
 ## License
 
 MIT License
 
-Copyright (c) 2020 Rameez Khan
+Copyright (c) 2021 Rameez Khan
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/dev.cljs.edn b/dev.cljs.edn
diff --git a/example-data.csv b/example-data.csv
diff --git a/figwheel-main.edn b/figwheel-main.edn
diff --git a/package.json b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "financial-health-dashboard",
+  "version": "2.0.0",
+  "main": "index.js",
+  "repository": "[email protected]:rameezk/financial-health-dashboard.git",
+  "author": "Rameez Khan",
+  "license": "MIT",
+  "dependencies": {
+    "react": "17.0.1",
+    "react-dom": "17.0.1"
+  },
+  "devDependencies": {
+    "shadow-cljs": "^2.11.18"
+  },
+  "scripts": {
+    "dev": "shadow-cljs watch app",
+    "release": "shadow-cljs release app"
+  }
+}
diff --git a/project.clj b/project.clj
diff --git a/resources/public/android-chrome-192x192.png → public/android-chrome-192x192.png b/resources/public/android-chrome-192x192.png → public/android-chrome-192x192.png
diff --git a/resources/public/android-chrome-512x512.png → public/android-chrome-512x512.png b/resources/public/android-chrome-512x512.png → public/android-chrome-512x512.png
diff --git a/resources/public/apple-touch-icon.png → public/apple-touch-icon.png b/resources/public/apple-touch-icon.png → public/apple-touch-icon.png
diff --git a/resources/public/css/style.css → public/css/style.css b/resources/public/css/style.css → public/css/style.css
diff --git a/resources/public/favicon-16x16.png → public/favicon-16x16.png b/resources/public/favicon-16x16.png → public/favicon-16x16.png
diff --git a/resources/public/favicon-32x32.png → public/favicon-32x32.png b/resources/public/favicon-32x32.png → public/favicon-32x32.png
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content=
+	  "width=device-width, initial-scale=1">
+    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
+    <!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->
+    <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">
+    <title>Financial Health Dashboard</title>
+  </head>
+
+  <body class="min-h-screen bg-gray-800">
+    <div id="app"></div><!-- end of app div -->
+    <!-- <script defer src=
+	 "https://use.fontawesome.com/releases/v5.3.1/js/all.js" type=
+	 "text/javascript"></script>
+	 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js" type="text/javascript"> </script> -->
+	 <script src="/js/main.js" type="text/javascript"></script>
+	 <script>financial_health_dashboard.core.init()</script>
+  </body>
+</html>
diff --git a/resources/public/site.webmanifest → public/site.webmanifest b/resources/public/site.webmanifest → public/site.webmanifest
diff --git a/resources/public/index.html b/resources/public/index.html
diff --git a/resources/public/test.html b/resources/public/test.html
diff --git a/shadow-cljs.edn b/shadow-cljs.edn
@@ -0,0 +1,24 @@
+{:source-paths
+ ["src"]
+
+ :nrepl {:port 9000}
+
+ :dependencies
+ [[cider/cider-nrepl "0.25.8"]
+  [reagent "1.0.0"]
+  [re-frame "1.1.2"]]
+
+ :builds
+ {:app {:target     :browser
+        :output-dir "public/js"
+        :asset-path "/js"
+
+        :modules
+        {:main
+         {:entries [financial_health_dashboard.core]}}
+
+        :devtools
+        {:http-root "public"
+         :http-port 3001}
+
+        :release {:compiler-options {:optimizations :simple}}}}}
diff --git a/shell.nix b/shell.nix
@@ -0,0 +1,11 @@
+let pkgs = import <nixpkgs> { };
+in pkgs.mkShell rec {
+  name = "financial-health-dashboard";
+
+  buildInputs = with pkgs; [
+    nodejs-14_x
+    (yarn.override { nodejs = nodejs-14_x; })
+    clojure
+    jdk
+  ];
+}