Skip to main content
Hosein's Portfolio
Back to Chat
All Projects
Loading preview…
Datoos Crypto Tracker
Technical Case · Live Demo2025

Datoos Crypto Tracker

A fast, resilient crypto price dashboard combining server/API data synchronization via React Query with client-side IndexedDB persistence using Dexie.js.

Live DemoGitHub

Key Capabilities

  • Live rank and price sorting with instant cached hydration.
  • Incremental pagination (`Load More`) and responsive Tailwind CSS 4 cards.

Technical Architecture

  • Next.js 15 App Router + React 19 + TypeScript.
  • TanStack React Query v5 + Axios for declarative fetching and cache invalidation.
  • Dexie.js wrapper over IndexedDB for durable client-side data caching.
  • Jest + React Testing Library + MSW configured for component & network testing.

Technologies

Next.js 15TypeScriptTanStack QueryDexie.js (IndexedDB)Tailwind CSSJest & RTL