MetalPrice Live is a real-time precious metals and cryptocurrency price tracker designed specifically for the Indian market 🇮🇳.
It is built as a Progressive Web App (PWA) with offline support, interactive charts, and export utilities.
🌐 Live Website:
https://live-met-price.netlify.app/
📲 Android App (APK):
https://github.com/Sabithulla-16/Metal-Price-Visualizer/raw/main/MetPriceVisualizer.apk
- 📈 Real-time price tracking for:
- 🪙 Gold, Silver, Platinum, Palladium, Copper
- ₿ Bitcoin and Ethereum
- 🇮🇳 India market pricing with Duty (6%) and GST (3%) included
- ⚖️ Weight and purity support:
- Gold purity: 24K, 22K, 18K
- Multiple weight options based on selected asset
- 📊 Interactive data visualization:
- Daily price trend chart
- Metal comparison chart
- 📡 Offline mode with cached prices
- 📦 Installable Progressive Web App (PWA)
- 📄 Export current prices to PDF
- 📋 Copy price details to clipboard
- HTML5
- CSS3
- Vanilla JavaScript
- Chart.js for data visualization
- jsPDF for PDF generation
- Service Workers for offline caching
- Web App Manifest for PWA functionality
- Gold API for live metal and cryptocurrency prices
- Frankfurter API for USD to INR exchange rates
- Open the website in Chrome or Edge
- Click the Install App button or browser install prompt
- Launch the app from your home screen or desktop
- Download the APK from the link above
- Open the downloaded file on your Android device
- Allow installation from unknown sources if prompted
- Complete the installation
Due to Android security restrictions, websites cannot automatically install APK files.
The Install App option installs the PWA version, not the APK.
- Automatically switches to cached prices when offline
- Displays the last updated timestamp
- Refreshes live data when the internet connection is restored
git clone https://github.com/Sabithulla-16/Metal-Price-Visualizer.git
cd Metal-Price-Visualizer
Open index.html in a browser or serve it using a local web server.
- Improved understanding of frontend web development
- Practical experience with real-time data handling
- Hands-on usage of data visualization libraries
- Exposure to Progressive Web App concepts and offline caching
Sabithulla
GitHub: https://github.com/Sabithulla-16
This project was developed as part of self-learning and academic practice to strengthen skills in web development, APIs, and data visualization.
It is intended for educational and informational purposes only.