A modern, responsive dashboard application built with Next.js and React for managing product feedback and feature requests.
This dashboard provides a comprehensive interface for product managers and teams to track user feedback, feature requests, and overall product metrics. It includes real-time statistics, feature request tracking, and user activity monitoring.
- Collect Statistics:
- Total Feedback
- Active Users
- Feature Requests
- Implemented Features
- Percentage changes tracked month-over-month
- Prioritized list of top feature requests
- Status tracking (Planned, In-Progress, Completed)
- Progress indicators for in-progress features
- Categorization system
- Vote and comment tracking
- Real-time activity feed
- User interactions tracking
- Timeline of recent actions
- User profile integration
- Time-based filtering (Today, Yesterday, Last 7/30/90 days)
- Category-based filtering
- Status-based filtering
- Responsive layout
- Search functionality
- User notifications
- Profile management
- Interactive charts and graphs
- Framework: Next.js
- UI Components: shadcn
- Icons: Lucide React icons
- Styling: Tailwind CSS
The dashboard follows a common layout pattern:
- Top navigation bar with search and user controls
- Sidebar for main navigation
- Main content area with responsive grid layouts
- Cards for displaying different data sections
The application is built using several key components:
AppSidebar: Main navigation sidebarCardcomponents for displaying statistics and dataDropdownMenufor various filtering optionsAvatarfor user profile displaysProgressbars for tracking feature implementationBadgecomponents for status indicators
The dashboard uses structured data for:
- Statistics tracking
- Feature requests
- User activity
- Status management
The dashboard is fully responsive with:
- Mobile-first approach
- Flexible grid layouts
- Adaptive component sizing
- Breakpoint-specific optimizations
Here is our guide for local development guide
This project is licensed under the MIT License.