Skip to content

๐Ÿ‘‹ Welcome to the ๐—ฆ๐—ฒ๐—ฐ๐˜‚๐—ฟ๐—ถ๐˜๐˜† ๐—–๐—ฎ๐—บ๐—ฒ๐—ฟ๐—ฎ ๐—”๐—œ Web App Repository! Our web application is designed to significantly enhance your security by detecting unauthorized access in real-time. Whether itโ€™s safeguarding your home or office, this web app ensures that you are promptly alerted to any potential intruders.

License

Notifications You must be signed in to change notification settings

Vaibhav-kesarwani/Security-Camera-AI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

54 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ‘‹ Welcome to the "Security Camera AI Web App" Repository!

About the project:

Our web application is designed to significantly enhance your security by detecting unauthorized access in real-time. Whether itโ€™s safeguarding your home or office, this web app ensures that you are promptly alerted to any potential intruders, providing you with the peace of mind that your property is protected around the clock.

Key Features:

  • Real-Time Detection: The app employs advanced motion detection algorithms to identify any unauthorized movement within the monitored area. As soon as the system detects any movement or break-in attempts, it starts recording instantly, ensuring no moment goes unnoticed.

  • Automatic Recording: Upon detecting any suspicious activity, the app activates your camera to capture and record the event in real-time. This ensures that you have video evidence of the incident, which can be critical for investigations or insurance claims.

  • Automatic Download: The app is designed with user convenience in mind. Once a recording is made, the video file is automatically downloaded to your system. This feature ensures that you have immediate access to crucial evidence without needing to manually initiate the download.

  • User-Friendly Interface: The app features a simple, intuitive interface that makes it easy for anyone to use, regardless of their technical expertise. Setting up the system and navigating through its features is straightforward and hassle-free & for further assistance manual/wiki is given in the side.

  • Secure Storage: Recordings are securely stored in your file system, ensuring your data is protected from unauthorized access. The app employs encryption and secure protocols to safeguard your recordings while they reside on your device.

Demo:

Security-Camer-AI.webm

How It Works:

  • Setup: Begin by open the Web App on your computer. Position your camera to monitor the desired area, such as entry points, hallways, or any other vulnerable spots.

  • Monitoring: Once set up, the app continuously monitors the designated area for any unusual activity. The motion detection system is always active, ensuring constant vigilance.

  • Alert: When the app detects motion, it sends an immediate alert to your device, notifying you of potential unauthorized access. Alerts can be customized to be sent via push notifications, emails, or SMS, ensuring you are always informed.

  • Recording: Simultaneously with the alert, the Web app starts recording the event, capturing detailed footage of the incident. This real-time recording is crucial for documenting the intrusion as it happens.

  • Automatic Download: After the recording is complete, the video file is automatically downloaded to your system. This ensures that you have instant access to the recorded footage, allowing for quick review and action if necessary.

  • Secure Storage: The recorded videos are securely stored in your file system. The app uses encryption and secure protocols to ensure that the recordings are protected from unauthorized access, maintaining the integrity and confidentiality of your data.

Benefits of using our Web App:

  • Peace of Mind: Our app offers unparalleled peace of mind by ensuring your property is under constant surveillance. You can go about your day with the confidence that any suspicious activity will be detected and recorded.

  • Immediate Action: The combination of real-time alerts and automatic recording allows for prompt responses to any threats. Whether youโ€™re at home, at work, or away, you can take immediate action to address the situation.

  • Evidence Collection: In the unfortunate event of a break-in, having recorded footage can be crucial for investigations. The high-quality video evidence provided by our app can assist law enforcement in identifying and apprehending the intruders, and it can also be valuable for insurance claims.

  • Scalable Solution: Whether you need to monitor a single room or an entire building, our Web app is scalable to meet your needs. You can add multiple cameras and configure the app to monitor various zones, providing comprehensive coverage of your property.

Enhance your security with our cutting-edge Security Camera AI Web App and stay one step ahead of intruders! ๐Ÿ ๐Ÿ”๐Ÿ“น

Our app is the ultimate solution for modern security needs, offering a perfect blend of advanced technology, user-friendly design, and reliable performance. Protect your property, secure your peace of mind, and take control of your safety with our state-of-the-art intrusion detection web application.

Setup Project Locally:

Prerequisites

Before setting up a Next.js project, ensure you have the following software installed on your machine:

You can verify the installation by running:

node -v
npm -v
git -v
# or
yarn -v
git -v

Project Initialization

  1. Clone the Project:
git clone https://github.com/Vaibhav-kesarwani/Security-Camera-AI.git
  1. Navigate to your project directory:
cd Security-Camera-AI

And, after navigating to the directory

npm install

Project Structure

After cloning the project, you will see a directory structure similar to this:

Security-Camera-AI/
โ”œโ”€โ”€ app/
|   |โ”€โ”€ favicon.ico
โ”‚   โ””โ”€โ”€ globals.css
โ”‚   โ””โ”€โ”€ layout.tsx
โ”‚   โ””โ”€โ”€ page.tsx
โ”œโ”€โ”€ coomponents/
|   |โ”€โ”€ ui
โ”‚   โ”‚   โ”œโ”€โ”€ button.tsx
โ”‚   |   โ””โ”€โ”€ dropdown-menu.tsx
โ”‚   |   โ””โ”€โ”€ popover.tsx
โ”‚   |   โ””โ”€โ”€ separator.tsx
โ”‚   |   โ””โ”€โ”€ slider.tsx
โ”‚   |   โ””โ”€โ”€ sonner.tsx
โ”‚   โ””โ”€โ”€ social-links.tsx
โ”‚   โ””โ”€โ”€ theme-provider.tsx
โ”‚   โ””โ”€โ”€ theme-toggle.tsx
โ”œโ”€โ”€ lib/
โ”‚   โ””โ”€โ”€ utils.ts
โ”œโ”€โ”€ node_modules/
โ”œโ”€โ”€ public/
โ”‚   |โ”€โ”€ next.svg
โ”‚   โ””โ”€โ”€ vercel.svg
โ”œโ”€โ”€ utils/
โ”‚   |โ”€โ”€ audio.ts
โ”‚   โ””โ”€โ”€ draw.ts
โ”œโ”€โ”€ .gitignore
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ README.md
โ””โ”€โ”€ next.config.js

Development Server

To start the development server, run:

npm run dev
# or
yarn dev

This command starts the server at http://localhost:3000 or http://localhost:3001. You can now open this URL in your browser to see your Next.js application.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  • Fork the repository & Star the repository
  • Create a new branch (git checkout -b feature)
  • Make your changes
  • Commit your changes (git commit -am 'Add new feature')
  • Push to the branch (git push origin feature)
  • Create a new Pull Request

License

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

Acknowledgements

Contact

If you have any questions or suggestions, feel free to reach out to me at PORTFOLIO.

Happy Coding! ๐Ÿ˜Š๐Ÿ‘€

About

๐Ÿ‘‹ Welcome to the ๐—ฆ๐—ฒ๐—ฐ๐˜‚๐—ฟ๐—ถ๐˜๐˜† ๐—–๐—ฎ๐—บ๐—ฒ๐—ฟ๐—ฎ ๐—”๐—œ Web App Repository! Our web application is designed to significantly enhance your security by detecting unauthorized access in real-time. Whether itโ€™s safeguarding your home or office, this web app ensures that you are promptly alerted to any potential intruders.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages