Dashboard Application

A modern React dashboard application built with TypeScript, Vite, and Tailwind CSS.

Features

• 📊 Interactive dashboard with charts and data visualization
• 🎨 Modern UI components built with Radix UI and Tailwind CSS
• 📱 Responsive design that works on all devices
• ⚡ Fast development experience with Vite
• 🔧 TypeScript for better development experience

Tech Stack

• Frontend: React 18, TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• UI Components: Radix UI
• Icons: Lucide React
• Charts: Recharts

Getting Started

Prerequisites

• Node.js (version 16 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone <your-repository-url>
   cd dashboard-application

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and visit http://localhost:5173

Available Scripts

• npm run dev - Start the development server
• npm run build - Build the project for production
• npm run preview - Preview the production build
• npm run lint - Run ESLint

Project Structure

├── components/
│   ├── ui/           # Reusable UI components
│   ├── EntriesTable.tsx
│   ├── HeroPanel.tsx
│   ├── NavBar.tsx
│   └── SummaryCards.tsx
├── styles/
│   └── globals.css
├── App.tsx
├── main.tsx
└── index.html

Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License.