React Attendance Automation Platform

I need a full-stack web solution that lets me automate the attendance workflow currently locked inside a mobile app. The plan is to build the front end in React and pair it with a lightweight REST backend (Node/Express or a framework you propose) that talks to a MySQL database.

Core workflow
1. Break the app’s SSL pinning, capture every request/response required for “mark attendance,” and fully replicate that sequence server-side.
2. Store multiple user credentials in MySQL, encrypted at rest and only decrypting in memory when an action is triggered. Login to the site itself is a simple email-and-password flow.
3. Inside the React UI, add a camera-based QR scanner. When I scan the app’s time-sensitive QR, the platform should immediately fire the recreated API call for every stored user and return a success/fail log in the dashboard.

Key expectations
• Accurate interception and replay of the mobile API, despite certificate pinning.
• Clean React code with functional components and hooks.
• Secure credential handling, hashed site passwords, and minimal attack surface on the backend endpoints.
• A responsive dashboard displaying user lists, attendance status, last scan time, and manual re-submit options.
• Well-commented source, setup scripts, and a short readme so I can deploy on my own VPS.

Delivery is complete when I can log in, scan the live QR, and watch the system mark attendance for every saved account without manual intervention.