thecleverengineers/YouthnetMERN ? reverse-engineered prompt

Build me a full stack YouthNet MIS web app from this legacy system, modernized into a clean React, Node, Express, and MongoDB app. I want the same business data and relationships preserved, with login, roles, permissions, protected pages, and an admin area for users, roles, and audit logs. Make it feel like a real production dashboard, with a responsive light and dark mode UI, good keyboard focus states, and safe error handling.

The app should include CRUD screens for the main data like departments, programs, projects, beneficiaries, courses, centres, budgets, activities, employees, attendance, salaries, jobs, placements, reports, and partnerships. I also want the Department to Program to Project hierarchy to be clickable and easy to navigate, plus dashboard cards and summaries that link into the right detail pages. Add file uploads, CSV export, printable reports, and Excel import flows with validation and template downloads where needed.

If you need to check current docs or best practices online, feel free to do that.