shipped project
Pulse Dashboard.
SaaS analytics dashboard with real-time KPI cards, revenue area charts, customer table with slide-out panels, and full dark/light mode theming.
$ less ./full-description
What this build covers.
Pulse is a production-grade SaaS analytics dashboard built with Next.js 15 and the App Router. It demonstrates a complete data visualisation platform — from high-level KPI summaries down to per-customer drill-through panels — all wired to a fully type-safe data layer.
The UI is built on Tailwind CSS v4 with a custom design system that supports both dark and light modes. Recharts handles the interactive charts, including animated area graphs for revenue trends and bar charts for category breakdowns. Every component is built with performance in mind — React Server Components where possible, client components only where interactivity demands it.
The customer table features virtual scrolling for large datasets, column sorting, search filtering, and a smooth slide-out detail panel with GSAP-powered transitions. The theme toggle persists via localStorage and applies instantly without a flash of unstyled content.
ok
Real-time KPI cards with percentage-change indicators and trend sparklines
ok
Interactive revenue area charts with tooltip overlays and date range selection
ok
Customer table with virtual scrolling, multi-column sort, and instant search
ok
Slide-out detail panels with GSAP enter/exit transitions
ok
Full dark / light mode with zero FOUC — persisted via localStorage
ok
Fully responsive layout from 320px mobile to 4K widescreen
ok
Type-safe data layer with TypeScript throughout — zero any usage
$ find ./projects -related
Related builds.
2025 / Web App
Noir Studio
Animated creative agency landing page with GSAP ScrollTrigger, SplitText line reveals, pinned horizontal scroll gallery, magnetic CTA and a custom dual-element cursor.
2024 / Web App
Sweet Layer
Headless e-commerce storefront built with Nuxt and Payload CMS. Full product catalog, cart, checkout flow, and a clean content management backend.
2026 / Web App
DataSync
SaaS landing page for a real-time database sync API. Offline-first architecture, automatic conflict resolution, and multi-platform SDK support showcased across a full marketing site.