Skip to content

Webcam Capture Functionality with Tab-Based UI Enhancements and Dependency Updates #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

AdityaSeth777
Copy link

This pull request introduces several enhancements to the project, including the addition of webcam functionality for image capture, improvements to the user interface with tab-based navigation, and updates to dependencies. The most significant changes are the integration of a webcam capture component, the redesign of the ImageUpload component to include tabs for upload and webcam options, and the addition of the Radix UI Tabs library.

New Features:

  • Webcam Functionality: Added a new WebcamCapture component, allowing users to capture images directly from their webcam. This includes options to retake photos and preview captured images. (components/WebcamCapture.tsx)

UI Enhancements:

  • Tab-Based Navigation: Redesigned the ImageUpload component to include tabs for switching between image upload and webcam capture modes, improving user experience. (components/ImageUpload.tsx)
  • Radix UI Tabs Integration: Added a new Tabs component using the Radix UI Tabs library to support the tab-based navigation in the UI. (components/ui/tabs.tsx)

Documentation:

  • README Update: Replaced a static image link with an embedded YouTube video to provide a more engaging introduction to the project. (README.md)

Dependency Updates:

  • New Libraries: Added @radix-ui/react-tabs for tabs functionality and react-webcam for webcam integration. (package.json) [1] [2]
  • Development Dependencies: Updated ESLint and TypeScript-related packages for improved code quality and linting. (package.json)

Copy link

google-cla bot commented May 17, 2025

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant