Manage internet packages, user profiles, and transactions — modern, interactive, and responsive ⚡
HyperNet Dashboard is a responsive, interactive dashboard for managing internet packages, user profiles, and transaction history.
Built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, it demonstrates modern front-end practices for dashboards with smooth transitions and professional UI.
- 📂 Responsive Sidebar — Animated hamburger menu for mobile
- 📊 Dashboard Sections — Packages, Transactions, Profile
- 🃏 Interactive Package Cards — Hover effects for detailed info
- 📑 Transaction Table — Responsive scrolling and hover highlights
- 👤 Profile Section — View user info and active package details
- ✨ Smooth Animations — Using Tailwind CSS and Framer Motion
| Technology | Purpose |
|---|---|
| ⚛️ React | Building interactive UI components |
| 🧭 Next.js | Routing and client-side navigation |
| 🟦 TypeScript | Type safety and code quality |
| 🎨 Tailwind CSS | Fast, responsive, modern styling |
| 🪄 Framer Motion | Smooth transitions and animations |
This project showcases a fully functional HyperNet Dashboard with:
- Viewing and managing available packages
- Detailed transaction history
- Responsive and animated sidebar navigation
- Professional profile management
- Hover effects and smooth transitions throughout the dashboard
Perfect for developers practicing React, Next.js, TypeScript, Tailwind CSS, and Framer Motion in a real-world interactive dashboard project.
- 🌙 Add dark/light theme toggle
- 📈 Include graphs for package usage statistics
- 🔔 Real-time notifications for transactions
- 📱 Enhance mobile interactivity and UX animations
Developed by: Hami Parsa
💬 Front-End Developer | Focused on modern dashboards, animations, and interactive UI