🚀 Interactive Crypto Dashboard - Real-time Data Visualization with React, Redux, and Vite

Hey Devs! 👋

I'm excited to share a project I recently built — an Interactive Crypto Dashboard that fetches real-time cryptocurrency market data and visualizes it beautifully. It's built using React (Vite), Redux Toolkit, Material UI, and Chart.js.

🌟 Live Demo
👉 Check out the Live Project
👉 GitHub Repository

💻 Project Highlights
✅ Role-Based Login (Admin / User) — Admins can view additional analytics charts
✅ Real-time Crypto Market Data — Top 10 cryptocurrencies fetched from the CoinGecko API
✅ Interactive Bitcoin Price Chart — Displays 7-Day price trend using Chart.js
✅ Dark Mode Toggle — Built-in dark/light theme switcher
✅ Data Refresh Button — Fetches the latest market data instantly
✅ Fully Responsive UI — Mobile-friendly design
✅ Deployed on Vercel — Fast and production-ready

🛠 Tech Stack

• React (with Vite for lightning-fast performance)
• Redux Toolkit (for state management)
• Axios (for API calls)
• Material UI (for responsive UI components)
• Chart.js (react-chartjs-2 for data visualization)
• React Router DOM (for routing and protected routes)
• Vercel (for deployment)

📈 What I Learned

• Efficiently managing API state with Redux Toolkit
• Role-based conditional rendering in React
• Integrating Chart.js for real-world data visualization
• Dark/Light mode implementation using MUI theming
• Deploying a production-grade React app on Vercel in minutes

🙌 Open for Feedback
Would love to hear your thoughts, suggestions, or improvements!
Drop a comment if you want the GitHub repo link or help setting up something similar.

Thanks for reading! 👨‍💻✨