CoinWatcher
CoinWatcher is a fully interactive, real-time crypto market dashboard developed by Liveezy Studios.
It allows users to track, analyze, and visualize cryptocurrency price data from live exchange feeds while organizing their personal layouts and investment positions with full local control.Built for performance and interactivity, CoinWatcher connects directly to Coinbase Exchange WebSocket streams for live ticker updates and REST endpoints for historical data.
All dashboard settings, layouts, and coin configurations are saved locally using LocalStorage, giving users complete offline persistence and privacy.
Core Features
Real-Time Market Tracking
-
Connects live to Coinbase Exchange WebSocket Feed for instant ticker updates.
-
Displays current prices, percentage change, and performance indicators for each selected coin.
-
Supports any available trading pair on Coinbase (e.g., BTC-USD, ETH-USD, SOL-USD).
Interactive Dashboards
-
Dynamic, draggable tiles using Packery and Draggabilly for custom layouts.
-
Resize coins freely with mouse drag to adjust chart visibility and widget dimensions.
-
One-click reset options for grid layout and tile sizes.
Visual Analytics
-
Integrated Chart.js line graphs for each coin showing live and historical price data.
-
Adjustable timeframes including 1-minute, 5-minute, 1-hour, 1-week, 1-month, 6-month, and 1-year views.
-
Live mode for continuous streaming updates.
-
Smooth, GPU-accelerated rendering optimized for high frame rates.
Portfolio Tracking
-
Built-in input fields for Buy Price and Amount Owned per coin.
-
Automatic calculation of profit/loss and percentage returns in real time.
-
Gain/loss indicators displayed directly beneath each chart.
Search & Discovery
-
Quick search field for filtering and selecting trading pairs.
-
Dropdown menu auto-populated with all Coinbase exchange products.
-
Instant coin addition or removal from the dashboard.
Offline & Local Control
-
Layout, coin list, and size preferences saved locally for persistence.
-
Functions fully offline after initial API data load.
-
No server-side storage or external account required.
Interface & Design
-
Futuristic sci-fi themed interface with dark gradients and neon cyan highlights.
-
Clean menu bar for adding coins, resetting layout, and searching pairs.
-
Responsive, multi-column grid adaptable to different screen sizes.
-
Minimal UI chrome for maximum data visibility.
Technologies Used
-
HTML5, CSS3, Vanilla JavaScript — fully standalone architecture.
-
Chart.js — interactive chart rendering for live and historical data.
-
Packery + Draggabilly — drag-and-drop grid layout management.
-
WebSocket API — real-time Coinbase ticker feed integration.
-
Fetch API — for historical candle data retrieval.
-
LocalStorage — persistent local layout and portfolio saving.