Skip to content

Dongchi-Yao/Website-Development

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

61 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Cyber Risk Dashboard for Construction Projects

License React TypeScript Material-UI

A comprehensive web application for managing cybersecurity risks in construction projects, developed by the S.M.A.R.T. Construction Research Group at New York University Abu Dhabi.

๐Ÿ—๏ธ Overview

The Cyber Risk Dashboard is an innovative platform designed to help construction professionals proactively identify, assess, and mitigate cybersecurity threats throughout their project lifecycle. As construction projects become increasingly digitized, they face sophisticated cybersecurity threats from Building Information Modeling (BIM) systems to IoT-enabled equipment.

Key Features

  • ๐Ÿ” AI-Powered Risk Identification: Interactive chatbot for identifying potential cyber threats
  • ๐Ÿ“Š Risk Quantification: Comprehensive scoring system based on 46 project parameters
  • ๐Ÿ“ Topic Modeling: Upload documents to discover hidden cybersecurity topics and patterns
  • ๐Ÿ“‹ Project Management: Track multiple projects and generate detailed reports
  • ๐Ÿ”’ User Authentication: Secure login system with JWT tokens
  • ๐Ÿ“ˆ Detailed Analytics: Visual insights and risk assessment reports

๐Ÿš€ Quick Start

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn
  • MongoDB (for backend functionality)

Installation

  1. Clone the repository

    git clone <repository-url>
    cd Website-Development
  2. Navigate to the main application

    cd cyber-risk-dashboard
  3. Install dependencies

    npm install
  4. Set up environment variables

    # Create .env file in the cyber-risk-dashboard directory
    cp .env.example .env
    # Edit .env with your configuration
  5. Start the development server

    npm run dev
  6. Access the application Open http://localhost:8090 in your browser

๐Ÿ›๏ธ Architecture

Frontend

  • React 18 with TypeScript for type safety
  • Material-UI for consistent design system
  • Framer Motion for smooth animations
  • React Router for navigation
  • Vite for fast development and building

Backend

  • Express.js server with TypeScript
  • MongoDB with Mongoose for data persistence
  • JWT for authentication
  • bcryptjs for password hashing
  • CORS for cross-origin requests

Project Structure

Website-Development/
โ”œโ”€โ”€ cyber-risk-dashboard/           # Main React application
โ”‚   โ”œโ”€โ”€ src/
โ”‚   โ”‚   โ”œโ”€โ”€ components/            # Reusable UI components
โ”‚   โ”‚   โ”œโ”€โ”€ pages/                # Main application pages
โ”‚   โ”‚   โ”œโ”€โ”€ contexts/             # React contexts for state management
โ”‚   โ”‚   โ””โ”€โ”€ assets/               # Static assets
โ”‚   โ”œโ”€โ”€ backend/
โ”‚   โ”‚   โ”œโ”€โ”€ controllers/          # API route handlers
โ”‚   โ”‚   โ”œโ”€โ”€ models/              # Database models
โ”‚   โ”‚   โ””โ”€โ”€ middleware/          # Express middleware
โ”‚   โ”œโ”€โ”€ public/                  # Static files and research papers
โ”‚   โ””โ”€โ”€ scripts/                 # Build and deployment scripts
โ”œโ”€โ”€ Webpages/                    # Legacy HTML pages
โ”œโ”€โ”€ New models for the risk quant/ # Machine learning models
โ””โ”€โ”€ Language model/              # AI language model implementation

๐Ÿ“ฑ Features & Modules

1. Risk Identification ๐Ÿ’ฌ

An AI-powered chatbot that helps identify potential cyber risks through natural language conversations.

Features:

  • Interactive chat interface
  • Conversation history
  • Predefined risk categories
  • Suggested questions
  • Real-time responses

2. Risk Quantification ๐Ÿ“Š

Comprehensive risk assessment based on project characteristics across 5 categories:

Assessment Categories:

  • Cyber Governance (7 factors)
  • Project Structure (18 factors)
  • IT Factors (9 factors)
  • OT Factors (5 factors)
  • People Factors (7 factors)

Risk Types Evaluated:

  • Malware & Ransomware
  • Phishing & Social Engineering
  • Data Breaches
  • Supply Chain Attacks
  • Insider Threats

3. Topic Modeling ๐Ÿ“„

Advanced text analysis to discover hidden cybersecurity topics in project documents.

Capabilities:

  • Document upload support
  • Text paste functionality
  • AI-driven topic extraction
  • Pattern identification
  • Risk insight generation

4. Project Management ๐Ÿ“‹

Centralized dashboard for managing multiple construction projects.

Features:

  • Project creation and editing
  • Risk score tracking
  • Progress monitoring
  • Team collaboration tools

5. Reports & Analytics ๐Ÿ“ˆ

Comprehensive reporting system with research-backed insights.

Available Reports:

  • Project risk assessments
  • Industry benchmarking
  • Trend analysis
  • Custom report generation

๐Ÿงช Research Foundation

This platform is built on extensive academic research conducted by the S.M.A.R.T. Construction Research Group:

Published Research Papers

  1. "Mitigating Malicious Insider Threats to Common Data Environments" (2025)

    • Journal of Cybersecurity and Privacy
  2. "Enhancing cyber risk identification in the construction industry using language models" (2024)

    • Automation in Construction
  3. "Integrating Machine Learning for Cyber Risk Analysis in Construction 4.0" (2024)

    • International Conference on Computing in Civil and Building Engineering
  4. "Cyber Risk Assessment Framework for the Construction Industry Using Machine Learning Techniques" (2024)

    • Buildings Journal
  5. "A corpus database for cybersecurity topic modeling in the construction industry" (2023)

    • ISARC. Proceedings of the International Symposium on Automation and Robotics in Construction

Research Team

  • Dr. Borja Garcรญa de Soto - Principal Investigator, Associate Professor
  • Dr. Dongchi (Daniel) Yao - Postdoctoral Associate, Lead Researcher
  • Begad Elfackrany - Research Assistant & Lead Developer

๐Ÿค Industry Collaborations

The platform benefits from partnerships with leading construction companies:

  • ALEC Engineering - Industry insights and validation
  • PetroChina - Large-scale project testing
  • China State Construction Engineering Corporation - Global construction standards

๐Ÿ› ๏ธ Development

Available Scripts

# Navigate to main application
cd cyber-risk-dashboard

# Development
npm run dev          # Start development server
npm run build        # Build for production
npm run preview      # Preview production build
npm run lint         # Run ESLint

# Backend (if running separately)
cd backend
npm start           # Start Express server

Development Guidelines

  1. Code Style: Follow TypeScript best practices
  2. Components: Use functional components with hooks
  3. Styling: Utilize Material-UI's theming system
  4. State Management: Leverage React Context for global state
  5. API Integration: Use fetch with proper error handling

Contributing

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

๐Ÿ”ง Configuration

Environment Variables

Create a .env file in the cyber-risk-dashboard directory:

# Database
MONGODB_URI=mongodb://localhost:27017/cyber-risk-dashboard
JWT_SECRET=your-secret-key

# API Configuration
API_BASE_URL=http://localhost:50003
PORT=50003

# Development
NODE_ENV=development

Database Setup

The application uses MongoDB for data persistence. Ensure MongoDB is running and accessible at the configured URI.

๐Ÿ“š API Documentation

Authentication Endpoints

  • POST /api/auth/login - User login
  • POST /api/auth/register - User registration
  • POST /api/auth/logout - User logout

Project Endpoints

  • GET /api/projects - List all projects
  • POST /api/projects - Create new project
  • PUT /api/projects/:id - Update project
  • DELETE /api/projects/:id - Delete project

Risk Assessment Endpoints

  • POST /api/risk-assessment - Submit risk assessment
  • GET /api/risk-assessment/:id - Get assessment results

๐Ÿš€ Deployment

Production Build

# Navigate to main application
cd cyber-risk-dashboard

# Build frontend
npm run build

# Build backend (if applicable)
cd backend && npm run build

Docker Deployment

# Dockerfile example
FROM node:18-alpine
WORKDIR /app
COPY cyber-risk-dashboard/package*.json ./
RUN npm install --production
COPY cyber-risk-dashboard/ .
EXPOSE 3000
CMD ["npm", "start"]

๐Ÿ“š Additional Resources

Machine Learning Models

The New models for the risk quant/ directory contains advanced machine learning models including:

  • Mixture of Experts model for risk assessment
  • Neural network architectures for threat prediction
  • Training datasets and evaluation metrics

Language Models

The Language model/ directory includes:

  • Fine-tuned GPT-4o-mini model for cybersecurity risk assessment
  • Training prompts and response examples
  • API integration examples

Legacy Pages

The Webpages/ directory contains the original HTML implementation for reference and comparison.

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ™‹โ€โ™‚๏ธ Support & Contact

S.M.A.R.T. Construction Research Group

Research Areas (S.M.A.R.T.)

  • Sustainable and resilient construction
  • Modularization and lean construction
  • Artificial intelligence
  • Robotic systems and automation
  • Technology integration and information modeling

๐Ÿ”ฎ Future Roadmap

  • Integration with real-time threat intelligence feeds
  • Advanced machine learning models for risk prediction
  • Mobile application development
  • API integration with major construction software platforms
  • Enhanced visualization and dashboard capabilities
  • Multi-language support
  • Compliance frameworks integration (ISO 27001, NIST)
  • Cloud deployment and scalability improvements
  • Real-time collaboration features
  • Advanced reporting and export capabilities

๐Ÿ“Š Repository Structure

Website-Development/
โ”œโ”€โ”€ README.md                       # This file
โ”œโ”€โ”€ cyber-risk-dashboard/           # Main React application
โ”œโ”€โ”€ Webpages/                      # Legacy HTML implementation
โ”œโ”€โ”€ New models for the risk quant/ # ML models and algorithms
โ””โ”€โ”€ Language model/                # AI language model components

Built with โค๏ธ by the S.M.A.R.T. Construction Research Group at NYU Abu Dhabi

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •