Dashboard Design

This frontend dashboard is a sleek, user-centric interface designed to deliver real-time insights at a glance. Built with modern web technologies, it offers intuitive navigation, responsive design, and visually engaging charts and graphs.

🚀 Tech Stack

• Frontend Framework: React 18 with TypeScript
• Build Tool: Vite
• State Management: React Context API
• Icons: Lucide React
• Styling: tailwind & shadCn

📽️ Demos

• 🌐 Live Demo: https://dashboard-design-new.netlify.app
• 🎥 Demo Video: https://drive.google.com/file/d/1PQ-Vfgs0XRdS4m5cdpEy_q2H9YwDEfYQ/view

🛠️ Setup Instructions

Prerequisites

• Node.js (version 18 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/AnujKV123/dashboard-design.git
   cd dashboard-design

2. Install dependencies

   npm install
   # or
   yarn install

3. Start the development server

   npm run dev
   # or
   yarn dev

4. Open your browser Navigate to http://localhost:5173 to view the application.

Build for Production

npm run build
# or
yarn build

The built files will be available in the dist directory.