{"id":28960469,"url":"https://github.com/praneeth135/customers_dashboard_ui","last_synced_at":"2026-05-03T21:35:24.768Z","repository":{"id":300728543,"uuid":"1006960472","full_name":"praneeth135/Customers_dashboard_UI","owner":"praneeth135","description":"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.","archived":false,"fork":false,"pushed_at":"2025-06-23T09:13:02.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-23T09:44:30.033Z","etag":null,"topics":["boostrap","css3","googlecharts-api","html5","javascript","lodash","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/praneeth135.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-23T08:54:11.000Z","updated_at":"2025-06-23T09:13:06.000Z","dependencies_parsed_at":"2025-06-23T09:44:33.648Z","dependency_job_id":"41141131-7eac-484f-9e8f-a6e52549b0d6","html_url":"https://github.com/praneeth135/Customers_dashboard_UI","commit_stats":null,"previous_names":["praneeth135/customers_dashboard_ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/praneeth135/Customers_dashboard_UI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/praneeth135%2FCustomers_dashboard_UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/praneeth135%2FCustomers_dashboard_UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/praneeth135%2FCustomers_dashboard_UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/praneeth135%2FCustomers_dashboard_UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/praneeth135","download_url":"https://codeload.github.com/praneeth135/Customers_dashboard_UI/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/praneeth135%2FCustomers_dashboard_UI/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261584269,"owners_count":23180681,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boostrap","css3","googlecharts-api","html5","javascript","lodash","react"],"created_at":"2025-06-24T01:14:51.702Z","updated_at":"2026-05-03T21:35:24.731Z","avatar_url":"https://github.com/praneeth135.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n## 📊 Customer Dashboard UI\n\nA 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.\n\n### 🔍 Features\n\n* 🧑‍💼 Customer Profile Cards\n* 📈 Interactive Charts (Line, Bar, Pie)\n* 📅 Filter by Time Period (daily, weekly, monthly)\n* 📋 Recent Activity Logs\n* 🔎 Search and Filter Customers\n* 📱 Fully Responsive Design\n\n### 🚀 Tech Stack\n\n* **React.js** – Frontend Library\n* **Tailwind CSS** – Utility-first CSS Framework\n* **Recharts** – Data Visualization\n* **Vite** – Fast Build Tool\n* (Optional) **Mock API** using JSON or Axios\n\n### 📁 Project Structure\n\n```\n/src\n ┣ /components       → Reusable UI components (e.g., Cards, Charts)\n ┣ /pages            → Main pages like Dashboard\n ┣ /data             → Mock customer and analytics data\n ┣ App.jsx           → Main entry\n ┗ index.css         → Global styles\n```\n\n### 🧪 How to Run Locally\n\n```bash\n# Clone the repository\ngit clone https://github.com/your-username/customer-dashboard-ui.git\n\n# Navigate to the folder\ncd customer-dashboard-ui\n\n# Install dependencies\nnpm install\n\n# Run the development server\nnpm run dev\n```\n\n### 📸 Screenshots\n\n![download](https://github.com/user-attachments/assets/6bf67fac-47fa-47c4-a1f0-78d56a87a53f)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpraneeth135%2Fcustomers_dashboard_ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpraneeth135%2Fcustomers_dashboard_ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpraneeth135%2Fcustomers_dashboard_ui/lists"}