🌿 GREENMAP ECOSYSTEM

Bản Đồ Xanh Hà Nội

Nền tảng giám sát môi trường đô thị thông minh

Hệ thống hoàn chỉnh gồm Backend API, Web Portal, Mobile App và Data Pipeline - Kết nối IoT, báo cáo cộng đồng, AI insights để xây dựng thành phố xanh bền vững.

Bắt Đầu Ngay → GitHub

🚀

4

Repositories

Backend · Frontend · Mobile · Data

🌍

2

Platforms

Web Portal · Android App

⏱️

24/7

Real-time

AQI · Weather · Traffic

📊

500+

Data Points

Parks · EV Stations · Locations

🏗️ Các Thành Phần Hệ Thống¶

4 repositories độc lập, tối ưu cho từng mục đích riêng

Core Infrastructure

🚀 Backend API

FastAPI + PostgreSQL + PostGIS - REST API server với async support, tích hợp NGSI-LD Context Broker.

FastAPI async với SQLAlchemy 2.0
PostGIS - Dữ liệu địa lý & spatial queries
JWT Auth - Role-based access control
Orion-LD - FIWARE Context Broker sync
Background Jobs - AQI, Weather, Traffic agents
Smart Analysis - Weather & AQI insights

Xem chi tiết →

💻 Web Portal

React 19 + Vite 7.2 + Tailwind - Admin dashboard với bản đồ realtime, quản lý báo cáo & hạ tầng.

React 19 - Latest React features & hooks
MapLibre GL - Interactive 3D maps
Recharts - Analytics & visualizations
Real-time KPIs - Dashboard metrics
Push Notifications - Firebase integration
News Feed - RSS từ Hà Nội Mới

Hướng dẫn sử dụng →

📱 Mobile App

Kotlin + Jetpack Compose - Android app cho người dân, gửi báo cáo & nhận cảnh báo môi trường.

Jetpack Compose - Modern declarative UI
Material Design 3 - Beautiful interface
MapLibre SDK - Open-source offline maps
Camera & GPS - Location-based reports
FCM Push - Real-time notifications

Mobile development →

📊 Data Pipeline

Python ETL + Jupyter - Data collection, processing & simulation cho testing & training.

OSM Import - OpenStreetMap data processing
GeoJSON Tools - Spatial data transformation
SUMO Simulation - Traffic data generation
Jupyter Analysis - Data exploration notebooks

Data pipeline →

💻 Tech Stack¶

Công nghệ hiện đại từ Backend, Frontend đến Mobile và Infrastructure

🐍 Backend

FastAPI · PostgreSQL · PostGIS · SQLAlchemy · Redis · JWT Auth

⚛️ Frontend

React 19 · Vite 7.2 · Tailwind CSS · MapLibre GL · Recharts

🤖 Mobile

Kotlin · Jetpack Compose · Mapbox SDK · Material 3 · Hilt

🔌 IoT

FIWARE Orion-LD · NGSI-LD · MongoDB · Context Broker

📊 Data

Python · Pandas · GeoPandas · Jupyter · SUMO Simulation

🐳 DevOps

Docker · Docker Compose · GitHub Actions · CI/CD

🌐 Nguồn Dữ Liệu¶

🗺️

OpenStreetMap

Bản đồ nền, POIs, hạ tầng xanh

Cộng đồng

☁️

OpenWeatherMap

Thời tiết hiện tại & dự báo 7 ngày

Mỗi 5 phút

🌬️

OpenAQ

Chất lượng không khí realtime

Mỗi 5-15 phút

🚗

SUMO Simulation

Mô phỏng giao thông thời gian thực

Loop 1 giờ

🚦

Kaggle Dataset

Dữ liệu giao thông Ngã Tư Sở

Real traffic data

📰

Hà Nội Mới

Tin tức môi trường

RSS feed

📚 Tài Liệu¶

🚀

Bắt Đầu

Cài đặt & thiết lập hệ thống

📝

Hướng Dẫn

Sử dụng Web Portal & Mobile

🛠️

Kỹ Thuật

Architecture & Code examples

📡

API Reference

REST API & NGSI-LD endpoints

🌟 Tính Năng Nổi Bật¶

🌤️ Weather Analysis

Phân tích thời tiết và chất lượng không khí, đưa ra lời khuyên hoạt động ngoài trời

🚗 Traffic Monitoring

Hiển thị giao thông thời gian thực từ dữ liệu Kaggle, màu sắc theo mức độ tắc nghẽn

🔔 Push Notifications

Gửi thông báo cảnh báo đến mobile app qua Firebase Cloud Messaging

📰 News Feed

Cập nhật tin tức môi trường từ báo Hà Nội Mới qua RSS

👥 Đội Ngũ Phát Triển¶

Chúng tôi là những sinh viên công nghệ, code bằng đam mê và mang trong mình tình yêu lớn với Hà Nội.

_{Trần Anh Quân}
Team Lead

_{Trần Trọng Chiến}
Backend Specialist & System Architect

_{Nguyễn Hà Phương}
Frontend Developer & Data Viz

**Trường Đại học Mở Hà Nội (HOU) - Khoa Công nghệ thông tin**

---

🚀 Sẵn Sàng Bắt Đầu?

Khám phá hệ thống GreenMap và đóng góp cho thành phố xanh bền vững

Bắt Đầu Ngay → GitHub Organization

---