A modern, responsive, and secure frontend for a microservices-based Money Transfer Platform. Built with Angular 18, Tailwind CSS, and designed for seamless financial transactions.

• 📊 Dashboard Overview: Real-time view of account status, recent activities, and quick actions.
• 💳 Money Transfers: Effortless peer-to-peer money transfers with validation and status tracking.
• 💼 Wallet Management: Detailed view of wallet balances, transaction history, and account details.
• 🛡️ Admin Controls: Secure administration interface for managing deposits and platform-wide monitoring.
• 🔐 Role-Based Access Control (RBAC): Secure routing and UI elements restricted based on user permissions (User/Admin).
• 📱 Responsive Design: Fully optimized for mobile, tablet, and desktop viewing using Tailwind CSS.
• ⚡ Real-time Notifications: Integrated notification handling for transaction updates.

• Framework: Angular 18
• Styling: Tailwind CSS 3
• State Management: RxJS & Angular Signals
• Deployment: Docker, Nginx, Docker Compose
• Architecture: Clean Architecture (Core/Features/Shared)

src/app/
├── core/       # Singleton services, guards, interceptors, and models
├── features/   # Lazy-loaded feature modules (Admin, Dashboard, Transfers, Wallet)
├── shared/     # Reusable components, pipes, and directives
├── app.config.ts  # Application-wide configuration
└── app.routes.ts  # Main routing configuration

• Node.js (v20 or later)
• npm
• Angular CLI

1. Clone the repository:

   git clone https://github.com/your-username/money-transfer-ui.git
   cd money-transfer-ui

2. Install dependencies:

   npm install

3. Run the development server:

   npm start

   Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

The project is fully containerized and ready for production.

1. Build and run using Docker Compose:

   docker-compose up --build -d

2. Build the Docker image manually:

   docker build -t money-transfer-ui .

Environment settings are located in src/environments/.

• apiUrl: The base URL for the backend API gateway.
• gatewayUrl: URL for the microservices gateway.