https://github.com/praneeth135/customers_dashboard_ui
About This Customers Dashboard application built using React and bootstrap, allows users to track how an online business is performing and demonstrate results in various formats like tables and pie chart from a trial data.
https://github.com/praneeth135/customers_dashboard_ui
boostrap css3 googlecharts-api html5 javascript lodash react
Last synced: 2 months ago
JSON representation
About This Customers Dashboard application built using React and bootstrap, allows users to track how an online business is performing and demonstrate results in various formats like tables and pie chart from a trial data.
- Host: GitHub
- URL: https://github.com/praneeth135/customers_dashboard_ui
- Owner: praneeth135
- Created: 2025-06-23T08:54:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-23T09:13:02.000Z (about 1 year ago)
- Last Synced: 2025-06-23T09:44:30.033Z (about 1 year ago)
- Topics: boostrap, css3, googlecharts-api, html5, javascript, lodash, react
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📊 Customer Dashboard UI
A modern and responsive **Customer Dashboard UI** built using [React.js](https://reactjs.org/) and [Tailwind CSS](https://tailwindcss.com/). This dashboard is designed to provide a clear and concise overview of customer-related data for business or CRM applications.
### 🔍 Features
* 🧑💼 Customer Profile Cards
* 📈 Interactive Charts (Line, Bar, Pie)
* 📅 Filter by Time Period (daily, weekly, monthly)
* 📋 Recent Activity Logs
* 🔎 Search and Filter Customers
* 📱 Fully Responsive Design
### 🚀 Tech Stack
* **React.js** – Frontend Library
* **Tailwind CSS** – Utility-first CSS Framework
* **Recharts** – Data Visualization
* **Vite** – Fast Build Tool
* (Optional) **Mock API** using JSON or Axios
### 📁 Project Structure
```
/src
┣ /components → Reusable UI components (e.g., Cards, Charts)
┣ /pages → Main pages like Dashboard
┣ /data → Mock customer and analytics data
┣ App.jsx → Main entry
┗ index.css → Global styles
```
### 🧪 How to Run Locally
```bash
# Clone the repository
git clone https://github.com/your-username/customer-dashboard-ui.git
# Navigate to the folder
cd customer-dashboard-ui
# Install dependencies
npm install
# Run the development server
npm run dev
```
### 📸 Screenshots
