Crypto Data Dashboard

A dashboard providing real-time Crypto data from CoinGecko API.

Features:

• Stats cards displaying live Crypto prices and calculated biggest gain and loss in 24 hours.
• Coin table showing 10 Crypto coins data, including symbol, logo and price change in 24 hours.
• Colour coded price changes
• Error handling using try/catch blocks
• Loading state while fetching data
• Responsive layout and styling for mobile and desktop, using Tailwind CSS
• Type checking using TypeScript

Tech:

• Vite
• CoinGecko API
• React.js (including useState and useEffect)
• TypeScript
• Tailwind CSS
• Deployed on Vercel

Run the app locally:

1. Clone the repo from GitHub - git clone
2. Run npm install
3. Create a .env file in the root, and add your api key to VITE_API_KEY=
4. Run npm run dev

Live Site:

Crypto Data Dashboard