Skip to content
TheAbhiPatel
All projects
Type
Built for fun
Year
2024
Area
Frontend
Stack
3 tools

The story

Why it exists

This is a dashboard application built with React and TypeScript. It has a sidebar layout with pages for an overview, analytics, finance, reports and settings, with charts and KPI boxes on the home screen.

An analytics dashboard for managing multiple things with responsive mobile design.

What it does

The features that matter

  • Dashboard home with KPI boxes and a net profit summary
  • Activity bar chart and top products list
  • Customer table
  • Analytics, finance, report and settings pages
  • Sidebar and top bar navigation

Under the hood

How it works

  1. Step 1

    React and TypeScript app built with Vite and styled with Tailwind CSS

  2. Step 2

    Charts drawn with Recharts and circular progress bars

A look at it

As it runs today

dashboard.theabhipatel.com
Dashboard screenshot

Built with

  • React.js
  • TypeScript
  • Tailwind

Recharts, react-circular-progressbar, React Router.

Ask ABI about it

Up next

Keep exploring