Goodies (#1)

* - Change font for a monospaced one to avoid font shift
- Add animation to number
- Add confetti at every 10.000 euros

* Revert font

* Squeeze numbers

* fix

* Add chart with accumulates every 10 minutes, save it to localStorage to recover values on page reload

* padStart

* Fix import

* Reduce layout shift

* Don't cut the comma

* Update time

* Updated height to be more compatible

Co-authored-by: robeco92 <[email protected]>

* Ups

* Add logo

* Refine

* prettify

* Add fade to counter

* Fix responsive

---------

Co-authored-by: robeco92 <[email protected]>

README.md

@@ -1 +1 @@
-# Kiosk counter for Worldcoo
+# Kiosk counter for Worldcoo

astro.config.mjs

@@ -1,8 +1,8 @@
 import { defineConfig } from "astro/config";
-
 import tailwind from "@astrojs/tailwind";
+import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind()],
+  integrations: [tailwind(), react()],
 });

package.json

@@ -11,12 +11,24 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.4.1",
+    "@astrojs/react": "^3.0.9",
     "@astrojs/tailwind": "^5.1.0",
+    "@nanostores/react": "^0.7.1",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
     "astro": "^4.2.1",
+    "canvas-confetti": "^1.9.2",
+    "countup.js": "^2.8.0",
+    "nanostores": "^0.9.5",
+    "odometer_countup": "^1.0.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "recharts": "^2.10.4",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3"
   },
   "devDependencies": {
+    "@types/canvas-confetti": "^1.6.4",
     "prettier": "^3.2.4",
     "prettier-plugin-astro": "^0.12.3"
   }