An open API service indexing awesome lists of open source software.

https://github.com/anshsinghsonkhia/ai-burglar-detection-website

AI-Burglar-Detection-website using Next.js
https://github.com/anshsinghsonkhia/ai-burglar-detection-website

ai nextjs object-detection reactjs tailwindcss tensorflow

Last synced: 2 months ago
JSON representation

AI-Burglar-Detection-website using Next.js

Awesome Lists containing this project

README

          

## Tech-Stack:









## Screenshot
![Burglar Found on Camera](https://github.com/user-attachments/assets/918e1e71-9e45-450c-b1e9-dd9dc080e987)

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

# Integrating Webcam in our app

- Installation

```shell
npm i react-webcam
```

## Using Object Detection Model (coco-ssd)

Refer: https://github.com/tensorflow/tfjs-models/tree/master/coco-ssd

> This model is a TensorFlow.js port of the COCO-SSD model.

## Installation

```shell
npm i @tensorflow-models/coco-ssd @tensorflow/tfjs
```

## Usage of COCO-SSD via NPM

```js
import { load as cocoSSDload } from "@tensorflow-models/coco-ssd";
import * as tf from "@tensorflow/tfjs";
```

## Read about `clearRect()`

refer: [https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect)

```js
clearRect(x, y, width, height)
```

The clearRect() method sets the pixels in a rectangular area to transparent black (rgb(0 0 0 / 0%)). The rectangle's top-left corner is at (x, y), and its size is specified by width and height.

## Adding a sound alert when a person is detected

```shell
npm i lodash
```


Show Some Love by Starring Some of My Repos!