Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/davidwboni/stop-tracker
📦 Stop Tracker - A modern React application for delivery drivers to efficiently track stops, manage earnings, and compare company invoices. Features real-time analytics, dark mode, and mobile-responsive design.
https://github.com/davidwboni/stop-tracker
analytics-dashboard dark-mode delivery-management delivery-tracking earnings-tracker firebase framer-motion invoice-management pwa react react-hooks recharts responsive-design shadcn-ui tailwindcss
Last synced: about 1 month ago
JSON representation
📦 Stop Tracker - A modern React application for delivery drivers to efficiently track stops, manage earnings, and compare company invoices. Features real-time analytics, dark mode, and mobile-responsive design.
- Host: GitHub
- URL: https://github.com/davidwboni/stop-tracker
- Owner: davidwboni
- Created: 2024-12-23T19:51:57.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-28T17:20:49.000Z (about 1 month ago)
- Last Synced: 2024-12-28T18:17:46.630Z (about 1 month ago)
- Topics: analytics-dashboard, dark-mode, delivery-management, delivery-tracking, earnings-tracker, firebase, framer-motion, invoice-management, pwa, react, react-hooks, recharts, responsive-design, shadcn-ui, tailwindcss
- Language: JavaScript
- Homepage: https://stop-tracker.vercel.app
- Size: 588 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Stop Tracker 📦
A modern React application for delivery drivers to track stops, calculate earnings, and optimize performance.
## Features 🚀
- 📊 **Comprehensive Analytics Dashboard**
- Track daily, weekly, and monthly performance
- Visualize earnings trends
- Monitor stop counts and efficiency
- 💰 **Earnings Management**
- Calculate daily earnings
- Track bonuses and extra payments
- Compare with company invoices
- 🌓 **Modern UI with Dark Mode**
- Clean, intuitive interface
- Responsive design for all devices
- Eye-friendly dark mode
- 📱 **Progressive Web App**
- Install on mobile devices
- Work offline
- Fast and reliable performance
## Tech Stack 💻
- React
- Firebase (Authentication & Database)
- TailwindCSS
- Recharts
- Framer Motion
- Shadcn/ui Components
## Getting Started 🏁
1. Clone the repository:
```bash
git clone https://github.com/davidwboni/stop-tracker.git
```
2. Install dependencies:
```bash
cd stop-tracker
npm install
```
3. Set up Firebase:
- Create a Firebase project
- Add your Firebase config to `src/firebase/config.js`
4. Start the development server:
```bash
npm start
```
## Environment Variables 🔐
Create a `.env` file in the root directory and add:
```env
REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id
```
## Contributing 🤝
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License 📄
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments 🙏
- Thanks to all contributors
- Inspired by delivery drivers' needs
- Built with modern best practices
## Contact 📧
Your Name - [email protected]
Project Link: [https://github.com/yourusername/stop-tracker](https://github.com/davidwboni/stop-tracker)