CryptoTrack - Portfolio Tracker 🚀

A modern, responsive cryptocurrency portfolio tracker built with vanilla JavaScript and Tailwind CSS. Track your crypto investments with real-time price updates and profit/loss calculations.

✨ Features

• Real-time Price Tracking: Fetches live cryptocurrency prices from CoinGecko API
• Portfolio Management: Add, track, and remove multiple cryptocurrencies
• Profit/Loss Calculation: Track your gains/losses based on buy prices
• Market Overview: Monitor top cryptocurrencies at a glance
• Local Storage: Your portfolio data persists across browser sessions
• Responsive Design: Beautiful UI that works on all devices
• Auto-refresh: Prices update automatically every 60 seconds

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: Tailwind CSS (via CDN)
• Icons: Font Awesome
• API: CoinGecko API (free tier, no API key required)
• Storage: Browser LocalStorage

🚀 Getting Started

1. Clone or download the project files
2. Open index.html in your web browser
3. Start tracking your crypto portfolio!

No installation or build process required - it's a simple, standalone web application.

📱 How to Use

Adding Cryptocurrencies

1. Select a cryptocurrency from the dropdown
2. Enter the amount you own
3. Optionally enter your buy price for P/L tracking
4. Click "Add to Portfolio"

Managing Your Portfolio

• View real-time prices and 24h changes
• Monitor your total portfolio value
• Track profit/loss for each asset
• Remove assets with the trash icon
• Refresh prices manually with the refresh button

🎨 Features Showcase

Portfolio Tracking

• Track up to 10 popular cryptocurrencies including Bitcoin, Ethereum, BNB, Solana, and more
• Real-time USD valuations
• 24-hour price change indicators
• Profit/Loss calculations with percentages

Market Overview

• Live prices for top 3 cryptocurrencies
• Market capitalization data
• 24-hour price changes
• Clean, card-based layout

User Experience

• Smooth animations and transitions
• Toast notifications for user actions
• Loading states for API calls
• Responsive design for mobile and desktop
• Dark theme with purple gradient aesthetic

💾 Data Persistence

Your portfolio data is stored locally in your browser. This means:

• No registration required
• Your data stays private
• Portfolio persists between sessions
• Works offline (shows last cached prices)

🔄 API Information

This project uses the free CoinGecko API:

• No API key required
• Rate limit: 10-30 calls/minute
• Automatic fallback for rate limiting
• Caches prices to minimize API calls

📈 Future Enhancements

Potential improvements for version 2.0:

• Historical price charts
• Multiple portfolio support
• Export portfolio to CSV
• Dark/Light theme toggle
• More cryptocurrencies
• Currency conversion (EUR, GBP, etc.)
• Transaction history
• Performance analytics

🤝 Contributing

Feel free to fork this project and submit pull requests for any improvements!

📄 License

This project is open source and available under the MIT License.

👨‍💻 Author

Built with ❤️ for the community

---

Note: This is a demonstration project for portfolio purposes. Always do your own research before making investment decisions.