BiteStats is a Chrome extension that provides order insights from Grubhub and DoorDash. It includes a React-based dashboard to display various metrics and charts about your food orders.
git clone https://github.com/SDev6699/bitestas.git
chrome://extensions/
.chrome-extension
directory from the cloned repository.react-app
directory:
cd bitestas/react-app
npm install
npm start
bitestas/
├── chrome-extension/
│ ├── background.js
│ ├── content/
│ │ ├── doordash_content.js
│ │ └── grubhub_content.js
│ ├── images/
│ ├── manifest.json
│ ├── popup.html
│ ├── popup.js
│ └── privacy-policy.html
└── react-app/
├── public/
├── src/
│ ├── components/
│ │ ├── Dashboard/
│ │ │ ├── BarChart.js
│ │ │ ├── DonutChart.js
│ │ │ ├── KPI.js
│ │ │ ├── LineChart.js
│ │ │ └── ToggleSwitch.js
│ │ ├── DateRangePicker.js
│ │ ├── Footer.js
│ │ ├── Header.js
│ │ └── ToggleSwitch.css
│ ├── hooks/
│ │ └── useOrderData.js
│ ├── services/
│ │ ├── DoorDashOrderData.js
│ │ ├── GrubhubOrderData.js
│ │ └── OrderData.js
│ ├── pages/
│ │ └── Dashboard.js
│ ├── App.js
│ ├── ToggleColorMode.js
│ └── index.js
└── package.json
npm run build
react-app/build
directory.Contributions are welcome! Please create a pull request or open an issue to discuss your changes or suggestions.
This project is licensed under the MIT License. See the LICENSE file for details.