CRYPTOCURRENCY PORTFOLIO TRACKER
Keywords:
Cryptocurrency, Portfolio Tracker, HTML, CSS, JavaScript, localStorage, Dashboard, Digital Assets.Abstract
Cryptocurrency markets contain many digital assets whose prices and values may change frequently. Users who hold more than one cryptocurrency may find it difficult to maintain a clear record of the quantity owned, purchase price, current indicative price and overall portfolio value. The Cryptocurrency Portfolio Tracker is a browser-based application designed to organise this information in one simple dashboard.
The prototype is developed using HTML for page structure, CSS for layout and responsive styling, and JavaScript for validation, calculations, interaction and data persistence. A user can add cryptocurrency holdings, enter quantity and purchase price, view estimated holding value and profit or loss, search the holdings list, and review a summary of the portfolio. Browser localStorage can be used to retain portfolio entries on the same browser and device.
The project focuses on usability, basic portfolio calculations and clear presentation of information. Unless a live market-price API is integrated, the displayed prices are sample or user-entered values and should not be treated as real-time market data. The application is an educational tracking tool and does not execute trades, connect to wallets or provide investment advice.
References
Mozilla Developer Network (MDN), “HTML: HyperText Markup Language.” https://developer.mozilla.org/en-US/docs/Web/HTML
Mozilla Developer Network (MDN), “CSS: Cascading Style Sheets.” https://developer.mozilla.org/en-US/docs/Web/CSS
Mozilla Developer Network (MDN), “JavaScript Guide.” https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
Mozilla Developer Network (MDN), “Window: localStorage Property.” https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
W3Schools, “HTML Tutorial.” https://www.w3schools.com/html/
W3Schools, “CSS Tutorial.” https://www.w3schools.com/css/
W3Schools, “JavaScript Tutorial.” https://www.w3schools.com/js/
CoinMarketCap, “Cryptocurrency Prices, Charts and Market Capitalizations.” https://coinmarketcap.com/
Visual Studio Code, “Documentation.” https://code.visualstudio.com/docs
Google Chrome, “Chrome DevTools Documentation.” https://developer.chrome.com/docs/devtools/
Downloads
How to Cite
Issue
Section
License
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
