Welcome to the React-Dashboard Documentation! This guide contains detailed information about the app's features, components, and how to use them.

Check out the live demo of React-Dashboard here to explore the application's interface.

• Description
• Key Components
• Getting Started
• Folder Structure
• Components Tree

The ReactDashboard is a user-friendly dashboard interface built using React. It consists of various components designed to showcase data analytics and provide a seamless user experience.

The TopBar folder contains components related to the application's top navigation bar.

• Navbar: Component for the main navigation bar.
• NotificationButton: Component for displaying notifications.
• ProfileComponent: Component for user profile information.
• UserProfile: Component to display user profile details.
• Breadcrumbs: Component for displaying navigation breadcrumbs.

This folder includes commonly used components throughout the application.

• Badge: Component for displaying badges.
• Buttons: Component for customizable buttons.
• DashboardSummary: Component to display summaries in the dashboard.
• EmptyState: Component to display an empty state message.

Components specific to the dashboard section reside here.

• DashboardContent: Component for the main dashboard content.
• DashboardHeader: Component for the dashboard header.
• BarChart: Component to render a bar chart in the dashboard.
• OrderSummary: Component to display order summary information.
• ProductSummarySection: Component for product summary information.
• SalesGraphSection: Component for displaying sales graph data.

1. Clone the repository.

2. Navigate to the project's root directory.

3. Run npm install to install dependencies.

4. Run npm run dev to start the application.

Here is the folder structure of the project:

Here is the components tree of the React-Dashboard: