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! 👨💻✨