A modern expense management app built with Angular that helps you track your spending, manage multiple currency conversions, and visualize your financial data in real-time.
The app lets you log transactions in different currencies, view your expense summary with real-time currency conversion, and manage your financial data securely. You can create an account, log in, add expenses or income, and see a comprehensive dashboard showing your financial overview.
Built with Angular 20, Firebase (authentication and database), Tailwind CSS for styling, and real-time currency exchange rate integration.
Make sure you have Node.js and npm installed on your machine.
- Clone the repo:
git clone <your-repo-url>
cd ng-expense-tracker- Install dependencies:
npm installStart the development server:
npm startOpen your browser and go to http://localhost:4200/. The app will hot-reload as you make changes.
npm run buildYour production-ready files will be in the dist/ directory.
npm testThis project uses environment files for configuration. You'll need to set up your environment variables securely. For detailed instructions on handling sensitive keys safely and deploying to Netlify, see DEPLOYMENT.md.
-
The project uses two environment files:
src/environments/environment.tsfor developmentsrc/environments/environment.prod.tsfor production
-
These files contain sensitive keys like Firebase API keys and auth domains.
/src/app- Main application component and routes/src/modules/core- Auth guards and services/src/modules/features- Feature modules (auth, dashboard, transactions)/src/modules/shared- Reusable components, pipes, and services/src/environments- Environment configuration files
- The app uses Tailwind CSS for styling
- Authentication is handled via Firebase
- Currency conversion happens in real-time using exchange rate service
- State management and component communication through Angular services
Feel free to submit issues and enhancement requests.
This project is open source.