"Build a premium, modern college predictor dashboard for engineering students. Use a clean, dark-mode aesthetic. The left sidebar should be a form containing: Percentile/CRL input, Category dropdown, Home State, and checkbox filters for NIT, IIIT, and State Govt Colleges.
The main right panel should display the results as elegant cards. Each card must include: College Name, Branch, a direct 'Visit Official Website' button, and a Recharts line graph showing the '5-Year Cutoff Trend'. Below the graph, add a distinct, highlighted 'AI Recommendation' badge that suggests trending tech branches.
Now I have all the context I need. Let me build the premium college predictor dashboard with a dark theme, sidebar filters, and elegant result cards with Recharts graphs.
I've built a premium college predictor dashboard for engineering students with a sleek dark-mode aesthetic. Here's what's included:
Left Sidebar (Filter Form):
Main Results Panel:
Design Features:
I've upgraded the college cards with a significantly more premium aesthetic. The enhancements include: gradient overlays that activate on hover, a glowing top border accent, category-specific color theming (emerald for NIT, cyan for IIIT, amber for State), an area chart with gradient fill instead of a plain line, glassmorphism on the AI recommendation section with a blurred orb effect, and a polished CTA button with a shimmer animation on hover. The cards now have subtle lift animations, deeper shadows, and refined micro-interactions throughout.