A simple and intuitive web app to help freelancers track their earnings, monitor work hours, and visualize income trends over time.
- Add Earnings -> input your hourly rate and hours worked to calculate daily earnings.
- View and filter entries -> browse all your past earnings with sorting and search functionality.
- Export to CSV -> easily download your earnings data for record-keeping.
- Interactive charts -> visualize your earnings trends with a simple line chart.
- Responsive Design -> works smoothly on desktop and mobile devices.
- Frontend: React (with Vite) ⚡
- UI Components: Ant Design 🎨
- Data Storage: Firebase Firestore 🔥
- Charting: Recharts 📈
- Styling: CSS
-
Clone the repository:
git clone https://github.com/yourusername/freelancer-earnings-calculator.git cd freelancer-earnings-calculator
-
Install dependencies:
npm install
-
Set Up Firebase: - Create a Firebase project at Firebase Console. - Add Firestore and enable it. - Get your Firebase config and create a .env file with:
VITE_FIREBASE_API_KEY=your_api_key VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain VITE_FIREBASE_PROJECT_ID=your_project_id
-
Run the application:
npm run dev
- User Authentication.
- Custom Reports: generate monthly and yearly reports for better financial insights.
- Multiple Currencies: support for different currencies and automatic conversion.
- Dark Mode – a sleek dark theme for better usability.
Contributions are welcome! If you'd like to enhance the app, please follow these steps:
-
Fork the repository.
-
Create a new branch:
git checkout -b feature-name
-
Commit your changes:
git commit -m "Add new feature"
-
Push to the branch
git push origin <branch-name>"
-
Submit a pull request.
This project is licensed under the MIT License.