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:

git clone https://github.com/davidwboni/stop-tracker.git

2. Install dependencies:

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:

npm start

Environment Variables 🔐

Create a .env file in the root directory and add:

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 file for details.

Acknowledgments 🙏

• Thanks to all contributors
• Inspired by delivery drivers' needs
• Built with modern best practices

Contact 📧

Your Name - davidwboni@gmail.com

Project Link: https://github.com/yourusername/stop-tracker