Wonderchat — Crypto Price Tracker
Real-time crypto price dashboard with periodic updates, fast UI, and API-backed data fetching.
- Next.js
- Next.js API Routes
- Tailwind CSS
- REST API
A Next.js project for tracking cryptocurrency prices with near real-time updates. Fetches fresh market data from an external API and refreshes it every few seconds for a live dashboard feel. Implemented a lightweight API layer using Next.js API routes to keep the client clean and to handle caching, rate limits, and error states more reliably.
Key Features
Tech Stack
Challenges & Learnings
API Proxying & Rate Limiting
To protect sensitive crypto API keys and avoid rate-limiting issues, I built a custom proxy layer using Next.js Route Handlers. This allowed me to implement server-side caching and provide a single source of truth for all client requests.
UI Resilience with Volatile Data
Real-time crypto prices can cause significant UI flickering. I implemented debounced updates and elegant skeleton states to maintain a smooth user experience even when the underlying market data was changing multiple times per second.
Outcome
Wonderchat was successfully developed as a real-time data dashboard, showcasing my ability to manage high-frequency API integrations and volatile data states. It demonstrates a high level of frontend resilience and server-side optimization, proving I can build stable tools for fast-moving financial markets.