Skip to content

ui refresh #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
lutterlohdev wants to merge 1 commit into
base: master
Choose a base branch
from
Open

ui refresh #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 0 additions & 5 deletions .firebaserc
View file
Open in desktop

This file was deleted.

3 changes: 1 addition & 2 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,8 @@
/node_modules
/dist
/public/build
/src/nomicsKey.json

/.firebase

# Service Worker
**/workbox*
**/sw*
13 changes: 12 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,14 @@
# HODL Monitor

## 2026 Refresh

This project has been refreshed for a modern browser stack:

- Updated visual design system (light + dark palettes, improved spacing, stronger accessibility focus states)
- Modernized JavaScript data/fetch layer (timeouts, safer JSON parsing, stricter comparisons)
- Improved PWA setup (enhanced manifest metadata, shortcuts, runtime caching for API/images/fonts, navigation fallback)
- More robust service worker lifecycle (update checks + automatic refresh when a new worker activates)

HODL Monitor provides a single place to view and monitor your crypto holdings as well as a customizable watchlist without the need for another account, a complicated signup, API keys, or another password to remember.

This app runs in the browser and relies on your browser's LocalStorage to remember your portfolio. The only external service calls are to get current prices and fonts (the app doesn't send your data anywhere).
Expand All @@ -20,7 +29,9 @@ Creator note: This app is not going to be for everyone. It lacks historical tren
2. `cd hodlmonitor`
3. Run `npm install`
4. Run `npm run dev`
5. Go to `http://localhost:5000` (this port may be different on your machine)
5. Go to `http://localhost:5173` (this port may be different on your machine)

For a production preview after building, run `npm run preview`.

_Voila!_

Expand Down
35 changes: 0 additions & 35 deletions firebase.json
View file
Open in desktop

This file was deleted.

33 changes: 33 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>HODL Monitor</title>
<meta name="description" content="Track your portfolio and watchlist with a private-first, installable crypto dashboard." />
<meta name="theme-color" content="#0b1020" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#f7f9ff" media="(prefers-color-scheme: light)">
<meta name="color-scheme" content="dark light">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="HODL Monitor">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="icon" type="image/png" sizes="192x192" href="/img/icon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/img/icon-512x512.png">
<link rel="apple-touch-icon" sizes="192x192" href="/img/icon-192x192.png">
<link rel="manifest" href="/manifest.json">
<link rel="canonical" href="https://hodl.lutterloh.dev">
<link rel="stylesheet" href="/dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="/light.css" media="(prefers-color-scheme: light)">
<link rel="stylesheet" href="/global.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap" rel="stylesheet">
<script type="module" src="/src/main.js"></script>
</head>

<body>
<div id="app"></div>
</body>
</html>
Loading