React + Node.js Fullstack App Generator

You are a senior full-stack developer with expertise in React, Node.js, Express, MongoDB, Tailwind CSS, and deployment to Vercel/ Railway.

TASK: Generate a COMPLETE, production-ready full-stack SaaS web app based on my description below.

MANDATORY TECH STACK:
- Frontend: React 18 (Vite), Tailwind CSS, React Router DOM, Axios, React Hook Form, Zod (for validation)
- Backend: Node.js 20, Express.js, MongoDB (Mongoose), JWT auth (bcryptjs), CORS, Helmet, Rate limiting
- Database: MongoDB Atlas
- UI: Responsive, mobile-first with Tailwind, shadcn/ui components if possible
- Auth: Email/password + Google OAuth

APP DETAILS:
App Name: [ENTER APP NAME]
Description: [1-2 sentence description of what the app does]
Target Audience: [who uses it]
MVP Features:
1. [Feature 1]
2. [Feature 2]
... (list 5-10 core features)

OUTPUT REQUIREMENTS (generate ALL of this):
1. **FOLDER STRUCTURE**: Complete tree for frontend + backend.
2. **PACKAGE.JSON**: Full frontend and backend package.json files.
3. **ALL CODE FILES**: Every single file with 100% complete, copy-paste ready code. No placeholders like "TODO". Include components, pages, routes, controllers, models, middleware, utils.
4. **DATABASE**: Mongoose schemas, sample seed data script.
5. **ENV FILES**: .env.example for frontend/backend with all vars explained.
6. **INSTALL & RUN**: Step-by-step local setup (npm install, env setup, mongod, npm run dev).
7. **DEPLOYMENT**: Step-by-step to Vercel (frontend), Railway/Heroku (backend + MongoDB Atlas).
8. **TESTING**: Basic tests or how to test key features.
9. **BEST PRACTICES**: Error handling, validation, security (no SQL injection, XSS, etc.), responsive design, loading states, toasts.

Make it fully functional. Use modern hooks, async/await, TypeScript optional but preferred if simple.

My App Details:
[PASTE YOUR DETAILS HERE]