{"id":18906696,"url":"https://github.com/farazf19/facial-id-app","last_synced_at":"2026-05-01T16:33:59.254Z","repository":{"id":258545464,"uuid":"874139698","full_name":"FarazF19/Facial-ID-App","owner":"FarazF19","description":"This web application utilizes React and the MediaPipe Holistic model to facilitate real-time detection of facial and hand landmarks via webcam. It analyzes head orientation, tracks eye blinking, and visually represents landmarks and connections on an interactive canvas. Furthermore, it optimizes performance by efficiently logging relevant data .","archived":false,"fork":false,"pushed_at":"2024-10-18T07:15:39.000Z","size":46,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-19T13:56:25.406Z","etag":null,"topics":["canvas","eye-blink-detection","facial-recognition","hand-tracking","holistic","landmark-detection","mediapipe","react","real-time-processing","web-app","webcam"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FarazF19.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-17T10:16:43.000Z","updated_at":"2024-10-18T07:15:42.000Z","dependencies_parsed_at":"2024-10-19T13:56:31.865Z","dependency_job_id":"c66ff7b4-1f44-493d-b455-4545ac2200dd","html_url":"https://github.com/FarazF19/Facial-ID-App","commit_stats":null,"previous_names":["farazf19/facial-id-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FFacial-ID-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FFacial-ID-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FFacial-ID-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarazF19%2FFacial-ID-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FarazF19","download_url":"https://codeload.github.com/FarazF19/Facial-ID-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239890471,"owners_count":19713960,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","eye-blink-detection","facial-recognition","hand-tracking","holistic","landmark-detection","mediapipe","react","real-time-processing","web-app","webcam"],"created_at":"2024-11-08T09:18:26.462Z","updated_at":"2026-03-05T16:30:27.346Z","avatar_url":"https://github.com/FarazF19.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Face and Eye Tracker App\n\nThis web application leverages React and the MediaPipe Holistic model to provide real-time facial direction and eye blink detection using a webcam. The app offers interactive features, such as analyzing head orientation, detecting eye blinks, and visualizing facial landmarks on an adjustable canvas overlay. It also includes optimized logging of detected data with a configurable delay for performance enhancement.\n\n## Features\n\n- **Real-Time Tracking**: Detects and visualizes face landmarks in real-time.\n- **Face Direction Detection**: Analyzes the user's head orientation (facing left, right, up, down, or straight).\n- **Eye Blink Detection**: Monitors the user's eye state to detect blinking.\n- **Customizable Visualization**: Displays landmarks and connections on a canvas overlay.\n- **Throttled Logging**: Efficiently logs face landmark data, head direction, and eye blink status with a configurable delay for optimized performance.\n\n## Technologies Used\n\n- **React**: JavaScript library for building user interfaces.\n- **MediaPipe**: A framework for building multimodal applied machine learning pipelines.\n- **Webcam**: For capturing real-time video input from the user's camera.\n- **Lodash**: Utility library for data manipulation and throttling.\n\n## Installation\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/your-username/Facial-ID-App.git\n   ```\n\n2. **Navigate to the project directory**:\n\n   ```bash\n   cd Facial-ID-App\n   ```\n\n3. **Install dependencies**:\n\n   ```bash\n   npm install\n   ```\n\n4. **Run the application**:\n\n   ```bash\n   npm start\n   ```\n\n5. **Open the app**:\n\n   Visit [http://localhost:3000](http://localhost:3000) in your browser to view the app.\n\n## Usage\n\n1. Allow the application to access your webcam.\n2. Ensure your face is visible in the camera view.\n3. Observe real-time detection of facial landmarks.\n4. Head orientation and eye blinking data will be displayed in the console.\n\n## Contributing\n\nContributions are welcome! If you have suggestions for improvements or find a bug, feel free to open an issue or submit a pull request.\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Acknowledgements\n\n- **MediaPipe**\n- **React**\n- **Lodash**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarazf19%2Ffacial-id-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffarazf19%2Ffacial-id-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarazf19%2Ffacial-id-app/lists"}