Back to portfolio

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.

Fuchs Dashboard screenshot 1

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