This project demonstrates how to design a scalable, modern dashboard with reusable UI components. It showcases responsive layouts, theming, dark mode, charts, forms, and interactive elements.

pie-chart progress-bar breadcrumbs area-chart sidebar-menu calendar-component checkbox-component pagina bar-chart line-chart hover-card popover-component row-selection scroll-area navbar-menu theme-toggle action-button data-table-component tanstack-react-table react-hook-form-zod

• Updated Oct 9, 2025
• TypeScript

🛒E-commerce system, a full-stack web. The system enables customers to browse products, and receive WhatsApp notifications for order confirmations. It includes a admin panel with Data-Tables for managing products,categories, orders, and an AI-powered assistant.

react redux nodejs express clean-architecture cloudinary tailwindcss vite zod react-hook-form ai-assistant tanstack-react-query shadcn tanstack-react-table

• Updated Sep 11, 2025
• TypeScript

Proof of concept for server-side pagination using tanstack table, tanstack query and query params as the source of truth.

react-router-dom tanstack-react-query tanstack-react-table

• Updated Aug 2, 2025
• TypeScript