UniCharts

TypeScriptSolidityethers.jsReactGithubExpress.jsMongoDB

Full-stack Web3 application for real-time cryptocurrency price analysis, directly integrating with Uniswap V3 decentralized exchange pools to provide institutional-grade charting capabilities.

Technical Architecture

Built a React/Redux frontend with Express.js backend, leveraging Google Cloud Storage for scalable data persistence. The system processes raw blockchain data through a custom data pipeline, transforming timestamp-based price observations into professional candlestick charts using react-apexcharts.

Key Features:

  • Real-time candlestick charts with OHLC (Open, High, Low, Close) data visualization
  • Multi-timeframe analysis from 30-second intervals to hourly charts
  • Advanced technical indicators supporting up to 5 simultaneous moving averages (SMA/EMA)
  • Interactive chart controls with custom scroll and zoom functionality
  • Dynamic token pair discovery with automated symbol list generation from pool data
  • Web3 Integration & Data Processing

Engineered a sophisticated data processing pipeline that connects to a separate Uniswap V3 Oracle Reader system, handling complex token metadata, pool addresses, and fee structures. Custom price calculation algorithms ensure accurate base/quote token ratios while managing blockchain-specific data formatting challenges.

Technical Highlights:

  • Redux state management with custom slices for price data and symbol lists
  • Google Cloud Storage API integration for efficient data retrieval
  • Custom mathematical functions for SMA/EMA indicator calculations
  • Responsive design with SCSS styling and interactive UX patterns

This project showcases my understanding of DeFi protocols, complex data pipeline architecture, and the ability to build production-ready financial tools - valuable skills for Web3 startups and fintech companies

project.image.alt