Mask Detector App

Aplikasi ini menggunakan AI untuk mendeteksi penggunaan masker pada seseorang melalui kamera perangkat. Dengan algoritma Computer Vision, aplikasi ini secara otomatis mengidentifikasi apakah seseorang menggunakan masker dengan benar, menutupi hidung dan mulut. Cocok untuk pengawasan di tempat umum, aplikasi ini juga mendukung pelaporan tingkat kepatuhan.

Table of Contents

• Getting Started
• Scripts
• Project Structure

Getting Started

Prerequisites

• Node.js (disarankan versi 12 atau lebih tinggi)
• npm (Node package manager)

Installation

1. Clone repository.

   git clone https://github.com/nurrizkiadip/mask-detector
   cd mask-detector

2. Pasang seluruh dependencies dengan perintah berikut.

   npm install

Scripts

• Build for Production:

  npm run build

  Script ini menjalankan webpack dalam mode production menggunakan konfigurasi webpack.prod.js dan menghasilkan sejumlah file build ke direktori dist.

• Start Development Server:

  npm run start-dev

  Script ini menjalankan server pengembangan webpack dengan fitur live reload dan mode development sesuai konfigurasi diwebpack.dev.js.

• Serve:

  npm run serve

  Script ini menggunakan http-server untuk menyajikan konten dari direktori dist.

Project Structure

Proyek starter ini dirancang agar kode tetap modular dan terorganisir.

mask-detector/
├── dist/                   # Compiled files for production
├── src/                    # Source project files
│   ├── public/             # Public files
│   ├── scripts/            # Source JavaScript files
│   │   └── index.js        # Main JavaScript entry file
│   ├── styles/             # Source CSS files
│   │   └── styles.css      # Main CSS file
│   └── index.html/         # Main HTML file
├── package.json            # Project metadata and dependencies
├── package-lock.json       # Project metadata and dependencies
├── README.md               # Project documentation
├── webpack.common.js       # Webpack common configuration
├── webpack.dev.js          # Webpack development configuration
└── webpack.prod.js         # Webpack production configuration