Mohamed Khalis
HomeResume

Command Palette

Search for a command to run...

GitHub

Sections

IntroductionEducationExperienceCertificatesProjectsContactStats
© 2018 - 2025 · Built with Next.js, shadcn/ui and Tailwind CSS · Coded in Cursor and deployed with Vercel
Back to projects

Crypto Visualizer

An interactive dashboard for tracking and visualizing real-time cryptocurrency data.

Crypto Visualizer is a web application that provides users with up-to-the-minute cryptocurrency information through an intuitive and dynamic interface. It leverages public crypto APIs to fetch and display data in easily digestible formats, such as interactive charts and sortable tables. The goal is to help both new and experienced crypto enthusiasts monitor market trends, track their favorite coins, and analyze historical performance.

Tech Stack

React.jsCoinGecko APITailwind CSSChart.jsAxios

Features

  • Real-time price tracking for hundreds of cryptocurrencies.
  • Interactive and customizable charts to visualize price history.
  • Search and filter functionality to easily find specific coins.
  • Responsive design for a seamless experience on both desktop and mobile devices.
  • Detailed view for each coin, including market cap, volume, and historical data.

Challenges

  • Managing and displaying real-time data streams without impacting performance.
  • Designing responsive and interactive charts that are both informative and user-friendly.
  • Handling API rate limits and managing asynchronous data fetching efficiently.
  • Ensuring data accuracy and providing reliable information to users.

Learnings

  • Gained significant experience with third-party APIs, including handling asynchronous requests and error management.
  • Mastered data visualization techniques using charting libraries like Chart.js.
  • Improved skills in state management within a React application to handle dynamic data.
  • Developed a deeper understanding of frontend performance optimization for data-heavy applications.

Links

Live Github