React App Modification

Required Skills:
- FFmpeg
- Docker Compose
- React Full Stack
- Mongo db
- Video encoding, decoding, recording, RTSP Protocols,
- React API

1 ADD
1.1 User Management:
1.1.1 Create, Modify, Delete, Permissions
1.1.2 API
1.1.3 Password Hashing

1.2 Video Recording
1.2.1 When video feeds from camera is connected, need to start auto recording allowing re-write to save space
1.2.2 Frontend to show available recording with option to filter out via date, time
1.2.3 Options to Download the selected video recording

1.3 Camera Management
1.3.1 Add sections to input Name, Rank, Type of Devices with API Calls GET & POST
1.3.2 Add section to input Picture related to the camera selected

1.4 MAP Section
1.4.1 Currently Offline Map used is “Leaflet” showing PIN location for the Camera, once pressed on the PIN, we need to show NAME, RANK, Type of Devices & Pictures related to the camera from its setting

2 FIX
2.1 Camera
2.1.1 Check camera is online or offline
2.1.2 Show Correct Aspect Ratio in Camera setting
2.1.3 Re-Connect to Camera feed incase camera is offline “currently it only connect to video feed on startup only, if camera URL went offline, you need to restart the full backend in order to start FFMPEG process again
2.2 Frontend
2.2.1 Responsive & Adaptive to different browsers
2.2.2 Fix Video.JS “or select different player if required” player dimensions “to show full size of the video with adaptive sizes
2.2.3 Selection of Grid in Cameras page, 1 or 2 or 3 or 4 or 5 or 6
2.3 FFMPEG
2.3.1 Resolution support for different sources to show correctly on the camera page
2.3.2 Error 404 chunks related to video feed from camera page

3 Maintain
3.1 Video feed latency or enhance " the app is showing video feeds from RTSP url with FFMPEG Backend, latency should be as minimum as possible