AMRNET Dashboard Architecture

Frontend Layer - React Application

React 18

Interactive UI components with hooks, state management, and virtual DOM

📊

Data Visualizations

Interactive charts, maps, and trend analysis with D3.js integration

🌍

Internationalization

Multi-language support (EN, FR, PT, ES) with i18n framework

📱

Responsive Design

Mobile-first design with progressive web app capabilities

Key Frontend Technologies:

Material-UI, React Router, Axios, Web Workers, Service Workers, Compression, Lazy Loading

Backend Layer - Node.js Server

Node.js v18.20.4

Express.js server with optimized endpoints and middleware

API

RESTful API

Comprehensive API with rate limiting, authentication, and documentation

⚡

Performance Engine

Data optimization, pagination, compression, and caching strategies

🔒

Security & Auth

Helmet security, CORS, API key authentication, and OAuth2 support

API Optimization Features:

Optimized endpoints (/api/optimized/*), Parallel processing, Field projection, Aggregation pipelines, Connection pooling

Database Layer - MongoDB Atlas

MongoDB Atlas

Cloud-hosted MongoDB with automated backups and scaling

🗂️

Organism Collections

8 organism datasets: S. Typhi, K. pneumoniae, N. gonorrhoeae, E. coli, etc.

⚡

Performance Indexes

Optimized compound indexes for country, year, and genotype queries

📊

Aggregation Pipeline

Server-side data processing for efficient querying and filtering

Data Sources Integration:

Pathogenwatch, Enterobase, Global Typhoid Genomics Consortium, WHO surveillance networks

Deployment & Infrastructure

Heroku Platform

Cloud application platform with automatic scaling and deployment

Fixie Proxy

SOCKS5 proxy service for secure database connections

AWS S3 Storage

Data export storage and backup with public access buckets

🔧

CI/CD Pipeline

GitHub Actions for automated testing, building, and deployment

Deployment Features:

Auto-scaling, Health monitoring, Performance tracking, Error logging with Sentry, Automated backups

Complete Technology Stack

Frontend:
React, Material-UI, D3.js

Backend:
Node.js, Express.js

Database:
MongoDB Atlas

Deployment:
Heroku, Fixie

Storage:
AWS S3

Monitoring:
Winston, Sentry

Security:
Helmet, CORS, OAuth2

Performance:
Compression, Caching

🎯 Key Achievements: 70-87% performance improvement, 60-90% payload reduction, Multi-language support, 8 organism databases, Comprehensive API with 10,000+ req/hour capacity