Debug Vue–Koa Integration

I’m working on a full-stack project (Node.js/Koa, MySQL, Vue.js) and I need help debugging frontend–backend integration issues.

The project is currently at the stage where the backend API and frontend SPA are both built and connected at a basic level. The application was previously able to display recipe data on the frontend, which shows that the connection between the backend and frontend has worked to some extent.

I need support to:

debug the current error
review the API and frontend integration
fix recipe and ingredient data handling
ensure the correct data is returned from the backend and displayed in the frontend
help structure and implement user, admin, and meal plan features in a way that fits the project brief
make the application functional, accurate, and ready to meet the assignment requirements

Full-Stack Web Application
-building both:
Backend (API with Node.js/Koa + MySQL)
Frontend (SPA with Vue.js)

- Architecture Type
RESTful API Architecture
Your backend follows REST principles (resources, endpoints, HTTP methods)

- Application Type
Single Page Application (SPA)
Your frontend (Vue.js) interacts dynamically with the API without reloading pages

- System Design Type
Client–Server Architecture
Frontend (client) communicates with backend (server) via HTTP requests

If you have solid experience with Vue 3, Koa, MySQL, and swagger-style documentation, I’d love your help wrapping this up smoothly and on time.

Spec:
Linux (Ubuntu-style)
Terminal access
Node.js support
MySQL support
Port-based web preview
Hosted URL (not just localhost)