Dashboard20242 months
Anbaa Automobile Dashboard
TypeScript dashboard for automotive repair shop with real-time job tracking, inventory management, and earnings analytics.
ClientAnbaa Automobile
Duration2 months
Year2024
CategoryDashboard
Challenge
The Challenge
Mechanics and managers needed mobile-responsive dashboard to track jobs, parts, and revenue in real-time from the shop floor.
Solution
The Solution
Built a Next.js 15 TypeScript dashboard with Chart.js visualizations, axios interceptors for global auth, and PDF invoice generation.
Impact
Results
01
Mobile-responsive UI used by 8+ staff members
02
Real-time job status updates reduce communication delays
03
Earnings charts provide instant revenue insights
04
PDF invoices generated on-demand
Technology
Tech Stack
Next.js 15TypeScript 5React 19Tailwind CSS 4Chart.jsAxiosFramer Motionhtml2pdf.js
Capabilities
Key Features
JWT authentication with localStorage
Axios interceptors for global auth handling
Job management dashboard
Inventory tracking with low-stock alerts
Earnings analytics with Chart.js
PDF invoice generation
Date range filtering (dayjs)
Phone input validation
Built-in documentation at /manual