Web Application

Crypto Tracker Challenge
Nomadcoders Challenge
[Highlight Project]

1. Introduction

This web application is a fully responsive React application developed for the Nomad Coders React Challenge. It provides comprehensive information about popular cryptocurrencies using the CoinGecko API and showcases various advanced frontend techniques.

Key Features
  • Dark/Light Mode Toggle

    Seamless theme switching with a visually distinct UI.

  • Responsive Layout

    Optimized across all devices.

  • Real-Time Crypto Data

    Fetches dynamic market data (price, volume, sentiment, etc.) and updates in real-time from CoinGecko.

  • Masonry Grid Layout for Links

    A uniquely self-implemented custom masonry grid layout organizes multiple external links, rarely seen in other websites due to the complexity and difficulty of implementation. I implemented this masonry grid layout by myself because there weren't any suitable libraries that implement it with my customization requirements but I needed this functionality to prevent only specific column getting too tall and I needed balanced height across all the grid columns.

  • Price Details Tab

    Displays historical data and various calculated price changes (1h, 24h, 7d, etc.) with clear formatting.

  • Animated Price Chart Tab

    Beautiful SVG-based price chart with smooth animated paths and OHLC data visualizations for enhanced UX.

2. Techs

  • Language / Script

  • Library

  • IDE

  • VCS

  • Compiler / Transpiler / Bundler / Build Tool

  • Linter / Formatter

  • Package Manager / Dependency Manager

  • Deployment / Process Management / Containerization

  • Etc.

3. Screenshots

© 2025 hansf14. All Rights Reserved.