Modern Next.js for job analytics.
- Install dependencies:
npm install- Copy
.env.local.exampleto.env.localand configure:
cp .env.local.example .env.local-
Update
.env.localwith your API URL (default:http://localhost:8000) -
Run the development server:
npm run devDashboard will be available at http://localhost:3000
- Real-time job statistics
- Interactive charts with Recharts
- Responsive design with Tailwind CSS
- Type-safe API calls
- Loading states and error handling
- Updated UI to a modern dark "glassy" theme: richer navy background, translucent cards, softer shadows, and rounded elements.
- Charts:
BoardBarChartnow uses polished gradients and rounded stacked bars for Active/Inactive statuses.DailyLineChartconverted to a stacked Area chart showingActiveandInactiveover time.
- Components updated:
Card,Input,Select,Label, andSkeletonnow follow the new visual style.
Previewing the new theme
- Start the dev server:
npm run dev - Toggle dark mode to see the new glassy style. If your app uses a theme toggle, enable dark mode; otherwise add the
darkclass to<html class="dark">in the browser devtools to preview.
Notes
- All functionality is preserved; these changes are visual only. If you want additional adjustments (spacing, colors, or a custom set of gradients), I can iterate further.