Side Project 2023 Personal

CryptoWatch: Portfolio Tracker

Real-time cryptocurrency portfolio management application tracking 5000+ coins with price alerts, performance analytics, and beautiful data visualizations for crypto investors.

1k+
Monthly Active Users
5000+
Coins Supported
10k+
Transactions Tracked
98
Lighthouse Score

Project Overview

CryptoWatch is a side project built to help crypto investors track their portfolios across multiple wallets and exchanges. The app provides real-time price updates, profit/loss calculations, historical performance charts, and customizable alerts.

Built with a focus on clean UX and fast performance despite handling thousands of cryptocurrencies. Uses CoinGecko API for market data and Firebase for real-time synchronization.

Core Features

Portfolio Management

Track holdings across multiple wallets and exchanges. Add transactions with automatic P&L calculation. Support for 5000+ cryptocurrencies.

Real-time Pricing

Live price updates via WebSocket with 1-minute refresh intervals. Historical price data with customizable time ranges and charts.

Performance Analytics

Detailed profit/loss breakdown by coin and portfolio. ROI calculations, cost basis tracking, realized vs unrealized gains with charts.

Price Alerts

Custom price alerts for any cryptocurrency with browser notifications and email alerts. Support for percentage and absolute thresholds.

Market Overview

Trending coins, biggest gainers/losers, market cap rankings. News feed from multiple sources and global market statistics.

Data Visualization

Interactive charts with candlestick, line, and area views. Portfolio allocation pie charts and CSV export capabilities.

Technical Implementation

Built with React and Firebase for a fast, real-time experience:

React 18 Redux Toolkit TypeScript Firebase Firestore CoinGecko API Recharts TailwindCSS React Query Cloud Functions Vercel PWA

Frontend Architecture

React 18 with Hooks, Redux Toolkit for state management, Recharts for visualizations, TailwindCSS styling, and React Query for efficient API calls.

Backend & Data

Firebase Authentication, Firestore for user data, CoinGecko API integration, Cloud Functions for alerts, and real-time data synchronization.

User Experience

Progressive Web App with offline support, browser push notifications, dark mode theme, CSV import/export, and multi-currency support.

Performance & Deployment

Vercel hosting, Firebase backend, GitHub Actions CI/CD, automated testing, and comprehensive performance monitoring.

Results & Impact

User Growth

1000+ monthly active users organically acquired through word-of-mouth. Featured in crypto newsletter reaching 50k subscribers and on ProductHunt.

Performance Excellence

98 Lighthouse score with sub-second load times. Efficient state management handles large portfolios smoothly despite tracking 5000+ coins.

Technical Achievement

Successfully integrated multiple crypto APIs with rate limiting. Built robust alert system processing 1000+ price checks per minute.

Reliability

Zero data loss incidents since launch. Graceful error handling and caching strategies ensure consistent user experience even during API outages.