React App For Tablet Devices -- 2

Job ID: 36719444

Budget: $30 – $250 USD

Basic react app for a windows tablet:
Screen 1 - Exercise and Equipment Selection - (1) search bar with keyboard opening for input and autofill suggestion our off a list of exercises - If exercise doesn't exist user can still press on add exercise. (2) carrousel with all relevant equipment options fro that exercise (3) Once exercise and equipment are selected "Start Recording Set" button turns orange and is enabled - before should be disabled and gray
Screen 2 - During workout - (1) Create a flag through which we can define if we want to use the device camera and\or usb camera and\or rtsp camera to record the session (2) Use defined camera to record the session, big stopwatch counter presented with a stop button to end the session. Once stop is pressed, end camera recording and save the file.
Screen 3 - Reps data input - User should be able to input amount of reps, After user presses "next" move to screen 4
Screen 4 - Weights data input - User should be able to input total weights lifted, After user presses "finish" go to screen 5
Screen 5 - Ask user if he wants to also save the data with his personal ID (we will be creating a separate app to present that to the user). If user presses "Yes", go to screen 6. If user presses "No" look at the end of this description for next steps.
Screen 6 -

End of session steps: (1) Save the video with all data in the name "date-exerciseName-type of equipment-reps-weight" to a defined folder (2) Save the data input to a main excel sheet in the same folder as the videos with the following columns (a)userID (phone number if inserted/"null" if not (b) time stamp (c) exercise performed (d) equipment used (e) reps (f) weights
(3) go back to the first screen with the last exercise already presented on as the default input (4) Save the data input to show it as default on screens 3/4 if same exercise is performed again.
Related categories: React.js Security Camera