Försäljnings-dashboard
Interaktiv dashboard med KPI-kort, diagram och filtrerbar tabell. Byggd med React, TypeScript, Recharts och Tailwind CSS.
Teknikstack
Översikt
En fullständig dashboard-applikation för att visualisera och analysera försäljningsdata. Presenterar data i responsiva KPI-kort med trendindikation, ett area chart för intäkter över tid, stapeldiagram per region samt en interaktiv tabell med sök, filtrering och sortering. Byggd med fokus på tydlig datapresentation och smidig användarupplevelse.
Huvudfunktioner
- KPI-kort med trendindikation (intäkter, ordrar, snittordervärde, aktiva kunder)
- Area chart för intäktsutveckling per månad
- Stapeldiagram uppdelat per region
- Interaktiv tabell med sök, filtrering på kategori/region/status och sortering
- Responsiv layout för mobil och desktop
Utmaningar & lärdomar
En central utmaning var att bygga ett flexibelt filtrerings- och sorteringssystem som fungerar snabbt med flera filter aktiva samtidigt, utan att förlora responsiviteten i gränssnittet. Lösningen blev att använda useMemo för att optimera beräkningar och hålla allt state lokalt i komponenten.