Back to projects
Sales Dashboard
Interactive dashboard with KPI cards, charts, and a filterable data table. Built with React, TypeScript, Recharts, and Tailwind CSS.
Tech stack
React
TypeScript
Recharts
Tailwind CSS
Overview
A complete dashboard application for visualizing and analyzing sales data. Presents data in responsive KPI cards with trend indicators, an area chart for revenue over time, a bar chart by region, and an interactive table with search, filtering, and sorting. Built with a focus on clear data presentation and smooth user experience.
Key features
- KPI cards with trend indicators (revenue, orders, avg. order value, active customers)
- Area chart for monthly revenue trends
- Bar chart broken down by region
- Interactive table with search, filtering by category/region/status, and sorting
- Responsive layout for mobile and desktop
Challenges & learnings
A key challenge was building a flexible filtering and sorting system that performs well with multiple filters active simultaneously, without losing UI responsiveness. The solution was using useMemo to optimize calculations and keeping all state local to the component.