Full-Stack Web/Mobile App

I am building a custom business application that must feel just as solid on a phone as it does on a desktop, scale without drama, and treat security as a first-class feature. The stack is already defined:

• Backend: Node.js + Express.js serving a REST API, MongoDB for persistence, JWT for auth, Multer for uploads, all deployed on AWS App Runner with proper CORS handling.
• Frontend: React with TypeScript, React Router, SCSS driven by a modern design system (Inter font, color tokens pulled from Figma), Bootstrap Icons, Axios for calls, and portal-based modals/dialogs to keep UX smooth.

Enhancements and new modules to be developed using Vibe Coding in WindSurf:
1. Implement responsive UI from existing Figma layouts, ensuring pixel-perfect SCSS styling and smooth client-side routing.
3. Connect front and back ends with Axios, handling all JWT flows.
4. Provision and deploy via AWS App Runner, delivering an easily repeatable production pipeline.
5. Document environment variables, build commands, and any AWS resources so the project can be spun up by another developer in minutes.

Acceptance criteria
– All endpoints return expected data, protected by JWT middleware.
– Lighthouse mobile score ≥ 90 and layout matches Figma mocks across breakpoints.
– Zero CORS errors during local or cloud operation.
– One-click deploy script (or GitHub Action) successfully pushes to App Runner.
– Read-me explains setup, environment, and troubleshooting steps.

Ready assets: Figma files, Inter font files, color tokens, and a bare bones Git repository.

The focus is on clean, scalable code and a polished user experience. If that lines up with your expertise, the repo is waiting for your first commit.