WatchCam

Next.js 14: React Js, TypeScript, Tailwind CSS, Tensorflow, shadcn/ui

A Object Detection Web App using the latest technologies: Next.js 14, React.js, TypeScript, Tailwind CSS, tensorflow for object detection, shadcn/ui for UI components.

About this app

First of all it will ask your browser about the camera permissions, then if it will detect any person in the camera, it will trigger the auto recording and a 30 second clip will get auto recorded and will be automatically download in your device.

Technologies Used

• Next.js 14
• Reactjs
• Tailwind CSS
• TypeScript
• TensorFlow
• Shadcn/UI

Installation

To run this application locally, you'll need to have Node.js and npm installed on your machine.

1. Clone this repository:
2. Navigate to the project directory:
3. Install dependencies: npm install
4. Run the development server: npm run dev
5. Open your browser and navigate to http://localhost:3000 to view the application :)

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvement, feel free to open an issue or create a pull request.