From 31a9da94c71c3b45ff753a04a12ded68826307d9 Mon Sep 17 00:00:00 2001 From: Shubham Patidar Date: Wed, 30 Apr 2025 02:56:18 +0530 Subject: [PATCH 1/6] Initial commit --- LICENSE | 21 +++++++++++++++++++++ README.md | 2 ++ 2 files changed, 23 insertions(+) create mode 100644 LICENSE create mode 100644 README.md diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..bb65606 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2025 Shubham Patidar + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..fa42fff --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# admin-dashboard +A modern, responsive admin dashboard built with React, Tailwind CSS, and PWA features. It includes theme customization (dark, light, blue), interactive charts (sales and user activity), offline support, and "Add to Home Screen" functionality. Perfect for managing data and enhancing user experience in web applications. From 3433445aca207ebe76566bd951422c72b0b73024 Mon Sep 17 00:00:00 2001 From: Shubham Patidar Date: Wed, 30 Apr 2025 03:02:37 +0530 Subject: [PATCH 2/6] docs: Update default README.md Add project description, setup instructions, and technologies used sections. --- README.md | 39 +++++++++++++++++++++++++++++++++++++-- 1 file changed, 37 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index fa42fff..9ddd781 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,37 @@ -# admin-dashboard -A modern, responsive admin dashboard built with React, Tailwind CSS, and PWA features. It includes theme customization (dark, light, blue), interactive charts (sales and user activity), offline support, and "Add to Home Screen" functionality. Perfect for managing data and enhancing user experience in web applications. +# Admin Dashboard + +A modern, responsive **Admin Dashboard** built with **React**, **Tailwind CSS**, and **PWA** features. This dashboard includes a customizable theme (dark, light, blue), real-time charts, and a user-friendly interface for managing and visualizing data. This app is designed with the flexibility to be used in various real-world applications. + +## Features + +- **Themes**: Toggle between Dark, Light, and Blue themes +- **Charts**: + - Line Chart: Displays sales data over time + - Bar Chart: Shows user activity +- **Responsive Design**: Fully responsive across devices (mobile, tablet, desktop) +- **Progressive Web App (PWA)**: Supports offline mode and "Add to Home Screen" functionality +- **Mock Data**: Local state used for chart data and visual elements during development +- **Service Worker**: Automatically caches assets for offline use + +## Technologies Used + +- **Frontend**: React, Tailwind CSS +- **PWA**: Service Worker, Web App Manifest +- **Charts**: Chart.js (for rendering line and bar charts) +- **State Management**: React Context API (for theme state and PWA service) +- **Design**: Tailwind CSS for utility-first styling and custom themes + +## Getting Started + +### Prerequisites + +- Node.js (v14 or higher) +- npm (or yarn) + +### Installation + +1. **Clone the repository**: + + ```bash + git clone https://github.com/letswriteaprogram/admin-dashboard.git + cd admin-dashboard From 33946745d9342e9547a214dd8f6f6a3611fbd190 Mon Sep 17 00:00:00 2001 From: shubham patidar Date: Wed, 30 Apr 2025 06:25:43 +0530 Subject: [PATCH 3/6] qa q exit --- admin-dashboard/src/components/Button.jsx | 0 admin-dashboard/src/components/Navbar.jsx | 0 admin-dashboard/src/context/ThemeContext.js | 0 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 admin-dashboard/src/components/Button.jsx create mode 100644 admin-dashboard/src/components/Navbar.jsx create mode 100644 admin-dashboard/src/context/ThemeContext.js diff --git a/admin-dashboard/src/components/Button.jsx b/admin-dashboard/src/components/Button.jsx new file mode 100644 index 0000000..e69de29 diff --git a/admin-dashboard/src/components/Navbar.jsx b/admin-dashboard/src/components/Navbar.jsx new file mode 100644 index 0000000..e69de29 diff --git a/admin-dashboard/src/context/ThemeContext.js b/admin-dashboard/src/context/ThemeContext.js new file mode 100644 index 0000000..e69de29 From 9e7545725c50f16fd96f1d4f8ab1f68314d8cd2c Mon Sep 17 00:00:00 2001 From: shubham patidar Date: Wed, 30 Apr 2025 06:31:39 +0530 Subject: [PATCH 4/6] added all functionaly --- admin-dashboard/src/components/Button.jsx | 0 admin-dashboard/src/components/Navbar.jsx | 0 admin-dashboard/src/context/ThemeContext.js | 0 3 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 admin-dashboard/src/components/Button.jsx delete mode 100644 admin-dashboard/src/components/Navbar.jsx delete mode 100644 admin-dashboard/src/context/ThemeContext.js diff --git a/admin-dashboard/src/components/Button.jsx b/admin-dashboard/src/components/Button.jsx deleted file mode 100644 index e69de29..0000000 diff --git a/admin-dashboard/src/components/Navbar.jsx b/admin-dashboard/src/components/Navbar.jsx deleted file mode 100644 index e69de29..0000000 diff --git a/admin-dashboard/src/context/ThemeContext.js b/admin-dashboard/src/context/ThemeContext.js deleted file mode 100644 index e69de29..0000000 From 62518a3d924cee11368197a04de324ec2e7bcda9 Mon Sep 17 00:00:00 2001 From: shubham patidar Date: Wed, 30 Apr 2025 06:35:13 +0530 Subject: [PATCH 5/6] added all functionality --- admin-dashboard/LICENSE | 21 +++++++++++++++++++++ admin-dashboard/README.md | 39 ++++++++++++++++++++++++++++++++------- 2 files changed, 53 insertions(+), 7 deletions(-) create mode 100644 admin-dashboard/LICENSE diff --git a/admin-dashboard/LICENSE b/admin-dashboard/LICENSE new file mode 100644 index 0000000..bb65606 --- /dev/null +++ b/admin-dashboard/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2025 Shubham Patidar + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/admin-dashboard/README.md b/admin-dashboard/README.md index 7059a96..9ddd781 100644 --- a/admin-dashboard/README.md +++ b/admin-dashboard/README.md @@ -1,12 +1,37 @@ -# React + Vite +# Admin Dashboard -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. +A modern, responsive **Admin Dashboard** built with **React**, **Tailwind CSS**, and **PWA** features. This dashboard includes a customizable theme (dark, light, blue), real-time charts, and a user-friendly interface for managing and visualizing data. This app is designed with the flexibility to be used in various real-world applications. -Currently, two official plugins are available: +## Features -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh +- **Themes**: Toggle between Dark, Light, and Blue themes +- **Charts**: + - Line Chart: Displays sales data over time + - Bar Chart: Shows user activity +- **Responsive Design**: Fully responsive across devices (mobile, tablet, desktop) +- **Progressive Web App (PWA)**: Supports offline mode and "Add to Home Screen" functionality +- **Mock Data**: Local state used for chart data and visual elements during development +- **Service Worker**: Automatically caches assets for offline use -## Expanding the ESLint configuration +## Technologies Used -If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. +- **Frontend**: React, Tailwind CSS +- **PWA**: Service Worker, Web App Manifest +- **Charts**: Chart.js (for rendering line and bar charts) +- **State Management**: React Context API (for theme state and PWA service) +- **Design**: Tailwind CSS for utility-first styling and custom themes + +## Getting Started + +### Prerequisites + +- Node.js (v14 or higher) +- npm (or yarn) + +### Installation + +1. **Clone the repository**: + + ```bash + git clone https://github.com/letswriteaprogram/admin-dashboard.git + cd admin-dashboard From c37d281e6235c33dbbc8a7a7f7332981690c1c82 Mon Sep 17 00:00:00 2001 From: shubham patidar Date: Wed, 30 Apr 2025 06:42:04 +0530 Subject: [PATCH 6/6] added all functionality --- admin-dashboard/.gitignore => .gitignore | 0 .../.prettierignore => .prettierignore | 0 admin-dashboard/.prettierrc => .prettierrc | 0 admin-dashboard/LICENSE | 21 ----------- admin-dashboard/README.md | 37 ------------------- .../eslint.config.js => eslint.config.js | 0 admin-dashboard/index.html => index.html | 0 .../manifest.json => manifest.json | 0 .../package-lock.json => package-lock.json | 0 admin-dashboard/package.json => package.json | 0 {admin-dashboard/public => public}/vite.svg | 0 .../service-worker.js => service-worker.js | 0 {admin-dashboard/src => src}/App.jsx | 0 .../src => src}/assets/chart-icon.svg | 0 .../src => src}/assets/home-icon.svg | 0 {admin-dashboard/src => src}/assets/react.svg | 0 .../src => src}/components/Dashboard.jsx | 0 .../src => src}/components/Header.jsx | 0 .../src => src}/components/SalesChart.jsx | 0 .../src => src}/components/Sidebar.jsx | 0 .../src => src}/components/StatCard.jsx | 0 .../src => src}/components/ThemeToggle.jsx | 0 .../components/UserActivityChart.jsx | 0 .../src => src}/components/UserTable.jsx | 0 {admin-dashboard/src => src}/index.css | 0 {admin-dashboard/src => src}/main.jsx | 0 .../src => src}/pages/DashboardPage.jsx | 0 .../src => src}/pages/ReportsPage.jsx | 0 .../src => src}/pages/UsersPage.jsx | 0 {admin-dashboard/src => src}/services/api.js | 0 .../src => src}/styles/tailwind.css | 0 .../src => src}/utils/formatDate.js | 0 .../src => src}/utils/useTheme.js | 0 .../vite-env.d.js => vite-env.d.js | 0 .../vite.config.js => vite.config.js | 0 35 files changed, 58 deletions(-) rename admin-dashboard/.gitignore => .gitignore (100%) rename admin-dashboard/.prettierignore => .prettierignore (100%) rename admin-dashboard/.prettierrc => .prettierrc (100%) delete mode 100644 admin-dashboard/LICENSE delete mode 100644 admin-dashboard/README.md rename admin-dashboard/eslint.config.js => eslint.config.js (100%) rename admin-dashboard/index.html => index.html (100%) rename admin-dashboard/manifest.json => manifest.json (100%) rename admin-dashboard/package-lock.json => package-lock.json (100%) rename admin-dashboard/package.json => package.json (100%) rename {admin-dashboard/public => public}/vite.svg (100%) rename admin-dashboard/service-worker.js => service-worker.js (100%) rename {admin-dashboard/src => src}/App.jsx (100%) rename {admin-dashboard/src => src}/assets/chart-icon.svg (100%) rename {admin-dashboard/src => src}/assets/home-icon.svg (100%) rename {admin-dashboard/src => src}/assets/react.svg (100%) rename {admin-dashboard/src => src}/components/Dashboard.jsx (100%) rename {admin-dashboard/src => src}/components/Header.jsx (100%) rename {admin-dashboard/src => src}/components/SalesChart.jsx (100%) rename {admin-dashboard/src => src}/components/Sidebar.jsx (100%) rename {admin-dashboard/src => src}/components/StatCard.jsx (100%) rename {admin-dashboard/src => src}/components/ThemeToggle.jsx (100%) rename {admin-dashboard/src => src}/components/UserActivityChart.jsx (100%) rename {admin-dashboard/src => src}/components/UserTable.jsx (100%) rename {admin-dashboard/src => src}/index.css (100%) rename {admin-dashboard/src => src}/main.jsx (100%) rename {admin-dashboard/src => src}/pages/DashboardPage.jsx (100%) rename {admin-dashboard/src => src}/pages/ReportsPage.jsx (100%) rename {admin-dashboard/src => src}/pages/UsersPage.jsx (100%) rename {admin-dashboard/src => src}/services/api.js (100%) rename {admin-dashboard/src => src}/styles/tailwind.css (100%) rename {admin-dashboard/src => src}/utils/formatDate.js (100%) rename {admin-dashboard/src => src}/utils/useTheme.js (100%) rename admin-dashboard/vite-env.d.js => vite-env.d.js (100%) rename admin-dashboard/vite.config.js => vite.config.js (100%) diff --git a/admin-dashboard/.gitignore b/.gitignore similarity index 100% rename from admin-dashboard/.gitignore rename to .gitignore diff --git a/admin-dashboard/.prettierignore b/.prettierignore similarity index 100% rename from admin-dashboard/.prettierignore rename to .prettierignore diff --git a/admin-dashboard/.prettierrc b/.prettierrc similarity index 100% rename from admin-dashboard/.prettierrc rename to .prettierrc diff --git a/admin-dashboard/LICENSE b/admin-dashboard/LICENSE deleted file mode 100644 index bb65606..0000000 --- a/admin-dashboard/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2025 Shubham Patidar - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/admin-dashboard/README.md b/admin-dashboard/README.md deleted file mode 100644 index 9ddd781..0000000 --- a/admin-dashboard/README.md +++ /dev/null @@ -1,37 +0,0 @@ -# Admin Dashboard - -A modern, responsive **Admin Dashboard** built with **React**, **Tailwind CSS**, and **PWA** features. This dashboard includes a customizable theme (dark, light, blue), real-time charts, and a user-friendly interface for managing and visualizing data. This app is designed with the flexibility to be used in various real-world applications. - -## Features - -- **Themes**: Toggle between Dark, Light, and Blue themes -- **Charts**: - - Line Chart: Displays sales data over time - - Bar Chart: Shows user activity -- **Responsive Design**: Fully responsive across devices (mobile, tablet, desktop) -- **Progressive Web App (PWA)**: Supports offline mode and "Add to Home Screen" functionality -- **Mock Data**: Local state used for chart data and visual elements during development -- **Service Worker**: Automatically caches assets for offline use - -## Technologies Used - -- **Frontend**: React, Tailwind CSS -- **PWA**: Service Worker, Web App Manifest -- **Charts**: Chart.js (for rendering line and bar charts) -- **State Management**: React Context API (for theme state and PWA service) -- **Design**: Tailwind CSS for utility-first styling and custom themes - -## Getting Started - -### Prerequisites - -- Node.js (v14 or higher) -- npm (or yarn) - -### Installation - -1. **Clone the repository**: - - ```bash - git clone https://github.com/letswriteaprogram/admin-dashboard.git - cd admin-dashboard diff --git a/admin-dashboard/eslint.config.js b/eslint.config.js similarity index 100% rename from admin-dashboard/eslint.config.js rename to eslint.config.js diff --git a/admin-dashboard/index.html b/index.html similarity index 100% rename from admin-dashboard/index.html rename to index.html diff --git a/admin-dashboard/manifest.json b/manifest.json similarity index 100% rename from admin-dashboard/manifest.json rename to manifest.json diff --git a/admin-dashboard/package-lock.json b/package-lock.json similarity index 100% rename from admin-dashboard/package-lock.json rename to package-lock.json diff --git a/admin-dashboard/package.json b/package.json similarity index 100% rename from admin-dashboard/package.json rename to package.json diff --git a/admin-dashboard/public/vite.svg b/public/vite.svg similarity index 100% rename from admin-dashboard/public/vite.svg rename to public/vite.svg diff --git a/admin-dashboard/service-worker.js b/service-worker.js similarity index 100% rename from admin-dashboard/service-worker.js rename to service-worker.js diff --git a/admin-dashboard/src/App.jsx b/src/App.jsx similarity index 100% rename from admin-dashboard/src/App.jsx rename to src/App.jsx diff --git a/admin-dashboard/src/assets/chart-icon.svg b/src/assets/chart-icon.svg similarity index 100% rename from admin-dashboard/src/assets/chart-icon.svg rename to src/assets/chart-icon.svg diff --git a/admin-dashboard/src/assets/home-icon.svg b/src/assets/home-icon.svg similarity index 100% rename from admin-dashboard/src/assets/home-icon.svg rename to src/assets/home-icon.svg diff --git a/admin-dashboard/src/assets/react.svg b/src/assets/react.svg similarity index 100% rename from admin-dashboard/src/assets/react.svg rename to src/assets/react.svg diff --git a/admin-dashboard/src/components/Dashboard.jsx b/src/components/Dashboard.jsx similarity index 100% rename from admin-dashboard/src/components/Dashboard.jsx rename to src/components/Dashboard.jsx diff --git a/admin-dashboard/src/components/Header.jsx b/src/components/Header.jsx similarity index 100% rename from admin-dashboard/src/components/Header.jsx rename to src/components/Header.jsx diff --git a/admin-dashboard/src/components/SalesChart.jsx b/src/components/SalesChart.jsx similarity index 100% rename from admin-dashboard/src/components/SalesChart.jsx rename to src/components/SalesChart.jsx diff --git a/admin-dashboard/src/components/Sidebar.jsx b/src/components/Sidebar.jsx similarity index 100% rename from admin-dashboard/src/components/Sidebar.jsx rename to src/components/Sidebar.jsx diff --git a/admin-dashboard/src/components/StatCard.jsx b/src/components/StatCard.jsx similarity index 100% rename from admin-dashboard/src/components/StatCard.jsx rename to src/components/StatCard.jsx diff --git a/admin-dashboard/src/components/ThemeToggle.jsx b/src/components/ThemeToggle.jsx similarity index 100% rename from admin-dashboard/src/components/ThemeToggle.jsx rename to src/components/ThemeToggle.jsx diff --git a/admin-dashboard/src/components/UserActivityChart.jsx b/src/components/UserActivityChart.jsx similarity index 100% rename from admin-dashboard/src/components/UserActivityChart.jsx rename to src/components/UserActivityChart.jsx diff --git a/admin-dashboard/src/components/UserTable.jsx b/src/components/UserTable.jsx similarity index 100% rename from admin-dashboard/src/components/UserTable.jsx rename to src/components/UserTable.jsx diff --git a/admin-dashboard/src/index.css b/src/index.css similarity index 100% rename from admin-dashboard/src/index.css rename to src/index.css diff --git a/admin-dashboard/src/main.jsx b/src/main.jsx similarity index 100% rename from admin-dashboard/src/main.jsx rename to src/main.jsx diff --git a/admin-dashboard/src/pages/DashboardPage.jsx b/src/pages/DashboardPage.jsx similarity index 100% rename from admin-dashboard/src/pages/DashboardPage.jsx rename to src/pages/DashboardPage.jsx diff --git a/admin-dashboard/src/pages/ReportsPage.jsx b/src/pages/ReportsPage.jsx similarity index 100% rename from admin-dashboard/src/pages/ReportsPage.jsx rename to src/pages/ReportsPage.jsx diff --git a/admin-dashboard/src/pages/UsersPage.jsx b/src/pages/UsersPage.jsx similarity index 100% rename from admin-dashboard/src/pages/UsersPage.jsx rename to src/pages/UsersPage.jsx diff --git a/admin-dashboard/src/services/api.js b/src/services/api.js similarity index 100% rename from admin-dashboard/src/services/api.js rename to src/services/api.js diff --git a/admin-dashboard/src/styles/tailwind.css b/src/styles/tailwind.css similarity index 100% rename from admin-dashboard/src/styles/tailwind.css rename to src/styles/tailwind.css diff --git a/admin-dashboard/src/utils/formatDate.js b/src/utils/formatDate.js similarity index 100% rename from admin-dashboard/src/utils/formatDate.js rename to src/utils/formatDate.js diff --git a/admin-dashboard/src/utils/useTheme.js b/src/utils/useTheme.js similarity index 100% rename from admin-dashboard/src/utils/useTheme.js rename to src/utils/useTheme.js diff --git a/admin-dashboard/vite-env.d.js b/vite-env.d.js similarity index 100% rename from admin-dashboard/vite-env.d.js rename to vite-env.d.js diff --git a/admin-dashboard/vite.config.js b/vite.config.js similarity index 100% rename from admin-dashboard/vite.config.js rename to vite.config.js