This is a React.js-based Web Camera Pose Detection App that works seamlessly on both desktop and mobile views. The app utilizes advanced computer vision techniques to track and analyze human body poses in real time using the device's webcam.
-
Run the following command in the terminal to clone the repo to your local machine:
git clone https://github.com/babarbilal56/web-camera-app-react.git
Make sure to run this in a new folder on your local machine.
-
Install the dependencies by running:
npm i
This might take a bit, but it's for the libraries we will be using for this project.
-
MobileView.tsx: This is the main page you will be working in. Feel free to make new
.tsxcomponents, but this will be the main one for editing the view. Make sure to add dynamic functionality for when the user is viewing from the web or mobile view. You will see starter code for exmaples of what the tailwind looks like, but reference the other tailwind config files for more details. To test on mobile, use the mobile view in the Chrome dev tools. -
Add new files: If you want to add any new components, make sure to add a route to that in
App.tsx.
This command will start the program using webpack and host on "localhost:8080" so make sure you do not having any current running processes on the same port. Run:
npm start