food del app

[User Browser]
↓
Visits Website
↓
[Frontend: React (mohabbat-hero-glow-main)]
↓
Makes API requests
↓
[Backend Server (Node.js/Express)]
↓
Handles Logic, Authentication, and Database Operations
↓
[MongoDB or other Database]
admin:

[Admin User Browser]
↓
Access Admin URL (e.g., http://localhost:5173)
↓
[Admin Panel (React + Vite)]
↓
Makes API requests
↓
[Backend Server (Node.js)]
↓
[Database: Manage Users, Orders, Content]

Component Breakdown
Frontend (React)
- Built using React.js for dynamic UI updates
- Uses React Router for navigation
- Styled Components or CSS Modules for design
- Fetches data from backend APIs
- Redux or Context API for state management

Backend (Node.js & Express)
- Handles API routing
- JWT authentication for security
- CRUD operations for user data and orders
- Connects to MongoDB or another database

Admin Panel
- Built with React + Vite for faster development
- Provides a dashboard for managing orders, users, and content
- Uses protected routes for admin access
- Fetches data from the same backend API