Fuchs Dashboard
Fuchs Dashboard is a web application I built for Fuchs Lubricants Australasia. The dashboard provides a visual representation of the company's manufacturing data. The dashboard is built with a mobile-first approach and has dark mode support. It also includes a myriad of data manipulation tools such as filtering, sorting, and grouping. Users can also export graphs and tables as PDFs or Excel. The dashboard also supports PWA.

Features
- Responsive design
- User authentication
- Beautiful and interactive graphs and tables
- Myriad of data manipulation tools such as filtering, sorting, and grouping
- Export graphs and tables as PDFs or Excel
- Dark mode support
- PWA support
Built with
- React
- Next.js
- Typescript
- Mantine UI
- MongoDB / MongoDB Atlas
- Chart.js
- TRPC.io
- Firebase Authentication
- Zod for type validation
- React Hook Form
- Jotai state management