A sleek, modern crypto tracker built with React that brings the market to your fingertips. Dive into a blazing-fast UI with live data, interactive charts, and a touch of animation magic.
(Highly recommend creating a short GIF of your app and putting the link here!)
- Live Market Pulse 📈: Instantly fetches and displays data for the top 200 cryptocurrencies.
- Stunning Charts 📊: Click any coin to summon a beautiful, interactive chart of its recent price history.
- Find & Filter 🔍: A powerful search and dynamic sorting system that works across the entire collection.
- Your Personal Collection ❤️: Star your favorite coins and toggle a "Favorites" view to see your custom portfolio.
- Day & Night Modes 🌓: A smooth theme toggle for a UI that vibes with your environment.
- Seamless Navigation 📃: Clean, client-side pagination keeps the interface snappy and scroll-free.
- Animated Experience ✨: A custom welcome animation and smooth loading states powered by Framer Motion.
This project was brought to life using a modern, powerful tech stack:
- Frontend: React
- Build Tool: Vite
- Animation: Framer Motion
- Charting: Recharts
- Routing: React Router
- Styling: Pure CSS with Variables
Want to fire this up on your own machine? Just follow these steps.
- Clone the Repo
git clone [https://github.com/YOUR_USERNAME/crypto-dashboard-react.git](https://github.com/YOUR_USERNAME/crypto-dashboard-react.git)
- Dive In & Install
cd crypto-dashboard-react npm install - Launch!
npm run dev
And just like that, you're ready to explore the CryptoVerse!