Admin Dashboard

🚀 Live Demo: Admin Dashboard

📌 Project Overview

The Admin Dashboard is a web-based application built with TypeScript and React. It provides essential management functionalities such as tracking products, customers, and transactions while offering insightful data visualization through charts.

🛠 Tech Stack

• Frontend: React.js, TypeScript, React Router
• Charts: Chart.js, React-Chartjs-2
• Styling: CSS, react-table, react-icons
• State Management: React Hooks

🎯 Features

✅ TypeScript for Strong Typing & Improved Code Safety
✅ Responsive Sidebar Navigation
✅ Dashboard with Key Metrics
✅ Chart.js Visualizations (Bar, Pie, Line, Doughnut)
✅ User and Product Management
✅ Transaction Tracking
✅ 404 Page with "Go Back" Button

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/kavitab7/Admin_dashboard_web.git

2️⃣ Install Dependencies

npm install

3️⃣ Run the Project

npm run dev

The project will be available at http://localhost:5173/ (Vite default port).

🚀 Deployment

This project is deployed on Vercel:
🔗 Admin Dashboard Live

🛠 Build & Deployment Commands

To build the project for production:

npm run build

For deployment, ensure all TypeScript errors are resolved before running:

npm run build && vercel deploy