https://github.com/alisamirali/safe-scope-ai
AI-Enhanced Web Application with Object Detection and Recording Capabilities ⚡️
https://github.com/alisamirali/safe-scope-ai
artificial-intelligence frontend frontend-developer frontend-development nextjs object-detection web-development webapp webdevelopment
Last synced: 7 months ago
JSON representation
AI-Enhanced Web Application with Object Detection and Recording Capabilities ⚡️
- Host: GitHub
- URL: https://github.com/alisamirali/safe-scope-ai
- Owner: alisamirali
- License: mit
- Created: 2024-02-05T13:00:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-14T14:20:21.000Z (almost 2 years ago)
- Last Synced: 2025-02-13T07:23:53.041Z (about 1 year ago)
- Topics: artificial-intelligence, frontend, frontend-developer, frontend-development, nextjs, object-detection, web-development, webapp, webdevelopment
- Language: TypeScript
- Homepage: https://safe-scope-ai.vercel.app
- Size: 440 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AI-Enhanced Web Application with Object Detection and Recording ⚡️
https://github.com/user-attachments/assets/d7e94b86-5d68-4b02-8ba2-bef51481434f
## Overview
This project is an AI-powered web application designed to perform real-time object detection and recording. It uses advanced machine learning models and a robust frontend framework to identify objects through a webcam feed and offer recording functionalities.
## Features
- **Dark Mode/System Theme 🌗:** Toggle between dark mode and system theme for optimal viewing experience.
- **Horizontal Flip ↔️:** Adjust the horizontal orientation of the video feed.
- **Take Pictures 📸:** Capture snapshots at any moment from the video feed.
- **Manual Video Recording 📽️:** Manually record video clips as needed.
- **Enable/Disable Auto Record 🚫:** Option to enable or disable automatic video recording.
- **Volume Slider 🔊:** Adjust the volume level of the notifications.
- **Camera Feed Highlighting 🎨:** Highlights persons in red and other objects in green.
## Installation
1. Clone the repository:
```shell
git clone https://github.com/alisamirali/safe-scope-ai.git
cd safe-scope-ai
```
2. Install dependencies:
`npm install --legacy-peer-deps`
3. Run the application:
`npm run dev`
## Usage
- After installing the dependencies and running the application, open your browser and navigate to `http://localhost:3001` to access the app.
- The webcam feed will be displayed, and object detection will start automatically.
- Use the controls provided in the UI to start and stop recording, take pictures, and adjust settings such as theme, horizontal orientation, and volume level.
## Contributing
We welcome contributions to enhance the functionality and features of this project.
To contribute, please fork the repository, create a new branch, make your changes, and submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](https://github.com/alisamirali/safe-scope-ai/blob/main/LICENSE) file for more details.