A comprehensive fraud monitoring dashboard built with React, integrated with AWS services for real-time fraud detection and analysis.
- Real-time fraud monitoring and detection
- Interactive KPI cards with key metrics
- Advanced data filtering and search capabilities
- Sortable transaction tables with comprehensive data views
- Geographic distribution analysis with pie charts
- Deposit vs Withdrawals visualization
- Amazon Bedrock Integration - Claude & Llama model support
- Intelligent risk assessment and scoring
- Automated fraud pattern detection
- Detailed investigation reports
- Priority-based alert system
- AWS Lambda - Serverless backend API
- Amazon S3 - Data storage and file management
- Amazon SNS - Real-time fraud notifications
- API Gateway - Secure REST API endpoints
- Soft lock management for suspicious accounts
- KYC status tracking and monitoring
- Audit trail and export capabilities
- Secure credential management
Frontend (React) ↔ API Gateway ↔ Lambda Functions ↔ AWS Services
↓
Bedrock AI | S3 | SNS
- Node.js 16.x or later
- npm or yarn
- AWS Account with appropriate permissions
- AWS CLI configured (for Lambda deployment)
git clone https://github.com/yourusername/tradeguard-dashboard.git
cd tradeguard-dashboardnpm installnpm startThe dashboard will be available at http://localhost:3000
- Click "⚙️ Configure S3" in the dashboard
- Enter your AWS credentials and S3 bucket name
- Test the connection
- Click "⚙️ Configure AI" in the dashboard
- Choose between Claude or Llama models
- Enter your AWS credentials and region
- Click "⚙️ Configure SNS" in the dashboard
- Enter your SNS topic ARN and credentials
- Test notification delivery
- Deploy the Lambda backend (see Backend Setup)
- Click "⚙️ Configure Lambda" in the dashboard
- Enter your API Gateway URL
-
Navigate to Lambda directory:
cd lambda-functions -
Install dependencies:
npm install
-
Configure environment variables:
export BEDROCK_MODEL_ID="anthropic.claude-3-sonnet-20240229-v1:0" export S3_BUCKET="your-tradeguard-bucket" export SNS_TOPIC_ARN="arn:aws:sns:us-east-1:123456789012:TradeGuard-Alerts"
-
Deploy to AWS:
npx serverless deploy --stage prod --region us-east-1
-
Get API Gateway URL from deployment output and configure in frontend
TradeGuardUI/
├── src/
│ ├── snsService.ts # SNS notification service
│ ├── s3Service.ts # S3 file management service
│ ├── bedrockService.ts # AI analysis service
│ └── lambdaService.ts # Lambda API service
├── lambda-functions/
│ ├── src/
│ │ ├── health.js # Health check endpoint
│ │ ├── analyze-fraud.js # AI fraud analysis
│ │ ├── transactions.js # Transaction management
│ │ └── analytics.js # Metrics and trends
│ ├── serverless.yml # Serverless deployment config
│ └── package.json # Lambda dependencies
├── TradeGuardDashboard.tsx # Main dashboard component
├── index.html # HTML template
├── package.json # Frontend dependencies
└── README.md # This file
GET /health- API health check
POST /analyze-fraud- AI-powered fraud risk analysis
GET /transactions- Retrieve all transactionsPOST /transactions- Upload/update transactionsGET /transactions/{id}- Get specific transaction
GET /analytics/metrics- Fraud metrics dashboardGET /analytics/trends- Historical trend data
- Click "Import TSV" in the dashboard
- Paste your transaction data in TSV format
- Click "Apply" to process the data
- Click on a suspicious transaction row
- Click "Analyze with AI" to get detailed risk assessment
- Review AI-generated recommendations and investigation report
- Click "📁 S3 Files" to view stored data
- Upload, download, or delete files as needed
- Files are automatically organized by date and type
- Configure SNS with your notification preferences
- Alerts are automatically sent when suspicious activity is detected
- Notifications include detailed analysis and recommended actions
- IAM Role-based Access Control
- API Key Authentication (optional)
- CORS Configuration for secure frontend-backend communication
- Environment Variable Management for sensitive credentials
- Input Validation and sanitization
- Audit Logging for all actions
- CloudWatch Integration for logs and metrics
- Real-time Health Monitoring with status indicators
- Performance Metrics tracking
- Error Rate Monitoring and alerting
- Cost Optimization with usage analytics
- Vercel - One-click deployment
- Netlify - Static site hosting
- AWS S3 + CloudFront - Scalable hosting
- Docker - Containerized deployment
- AWS Lambda - Serverless (recommended)
- AWS ECS - Containerized deployment
- AWS EC2 - Traditional server deployment
npm testcd lambda-functions
npm test# Test API endpoints
curl https://your-api-gateway-url/health- Lazy Loading for large datasets
- Virtual Scrolling for table performance
- Caching for frequently accessed data
- CDN Integration for static assets
- Database Indexing for query optimization
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Documentation: Wiki
- Issues: GitHub Issues
- Discussions: GitHub Discussions
- AWS for cloud infrastructure services
- Anthropic for Claude AI models
- Meta for Llama AI models
- React team for the amazing framework
- Recharts for beautiful data visualizations
- v1.0.0 - Initial release with core fraud monitoring
- v1.1.0 - Added AWS Lambda integration
- v1.2.0 - Enhanced AI analysis with Bedrock
- v1.3.0 - Improved UI with Roboto fonts and better UX
Built with ❤️ for fraud prevention and financial security