Inspiration
The inspiration for the ETH Portfolio Tracker came from a need to provide a simple and efficient way for users to track their Ethereum holdings while enabling them to send ETH seamlessly. With the growing interest in cryptocurrencies, I wanted to create a tool that would be user-friendly and offer a way to keep an eye on the ETH market.
What it does
The ETH Portfolio Tracker is designed to help users connect their Ethereum wallet (e.g., MetaMask), manage multiple accounts, and track the ETH balance across different wallets. Users can also send ETH to others directly from the application. Additionally, the tracker compares ETH prices from various exchanges, ensuring that users get the best possible market rate for their transactions.
How I built it
I built the ETH Portfolio Tracker as a web application using HTML, JavaScript, and CSS. It leverages the Web3.js library to interact with the Ethereum blockchain, providing users with real-time account information and transaction capabilities. For the price comparison feature, I integrated with various cryptocurrency exchanges' APIs. I also added a Service Worker to enable offline access, making it a Progressive Web App (PWA) for easy installation on various devices.
Challenges I ran into
Some of the challenges I faced during the project included handling Ethereum wallet connections and ensuring user security when handling private keys. I also had to navigate different API structures when comparing prices across exchanges.
Accomplishments that I'm proud of
I am proud of creating a user-friendly and visually appealing application that provides both a tracking and transaction experience. The integration of price comparison from multiple exchanges was an accomplishment that enhanced the application's usability. Making the application a PWA for easy installation and offline access was another significant achievement.
What I learned
Throughout the project, I learned about interacting with the Ethereum blockchain, handling user wallets, and integrating external APIs. I also improved my understanding of web development, UI/UX design, and the principles of creating a PWA.
What's next for ETH Portfolio Tracker
In the future, I plan to expand the tracker to include more cryptocurrencies, providing users with a comprehensive multi-asset portfolio tracking experience. Additionally, I aim to enhance the user experience by integrating more features like historical data analysis, notifications, and security enhancements for handling crypto wallets.
The ETH Portfolio Tracker is a continuous project that aims to keep up with the evolving world of cryptocurrencies, ensuring users have a reliable tool to manage their digital assets.
Built With
- bitstamp-api
- bybit-api
- chart.js
- coinbase-api
- coingecko-api
- es6+
- ethereum-api
- gemini-api
- git
- github
- html
- huobi-api
- javascript
- kraken-api
- metamask
- pwa
- visual-studio
- web3.js
Log in or sign up for Devpost to join the conversation.