Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION OVERVIEW
The College Food Delivery Web Application is a vibrant, interactive platform designed for university campuses, enabling students and faculty to conveniently order food from various on-campus vendors. With a focus on a premium, youthful experience, the app facilitates fast delivery, smart recommendations, and environmentally friendly options tailored specifically for the campus community.

# CORE FEATURES
- **Secure Authentication**: Role-based dashboards for students, faculty, vendors, delivery partners, and admins, ensuring a seamless login experience.
- **Geo-Fenced Ordering**: Campus-restricted ordering allows users to access only the vendors available within the university vicinity.
- **Smart Menu Browsing**: Users can filter food options based on preferences such as Veg, Non-Veg, Jain, Vegan, and Budget meals.
- **Live Order Tracking**: Users receive real-time updates on order status, complete with engaging animations.
- **Multiple Payment Options**: Supports various payment methods including UPI, Wallet, COD, and Campus Card.
- **In-App Feedback**: Quick reaction features using emojis to gather user feedback efficiently.

# DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist, with a focus on clean lines, ample white space, and a modern aesthetic that enhances readability and interaction.
- **Color Mode**: Light theme featuring dark text on soft white and light gray backgrounds, ensuring high contrast for readability.
- **Layout**: A grid-based layout for the dashboard and menu browsing pages that allows for easy navigation and access to key features. Each page will utilize card components for food items, vendor information, and order details.
- **Typography**: Use a combination of sans-serif fonts for headings (e.g., **Inter** or **Roboto**) to convey a modern feel, and a legible serif font for body text to enhance reading comfort.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and improved development efficiency.
- **Styling**: Tailwind CSS for utility-first styling, ensuring a responsive and customizable design.
- **UI Components**: Utilize shadcn/ui for building accessible and visually appealing components.
- **State Management**: Implement React Context or Redux for global state management across user sessions.

# IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui.
2. **Design UI Components**: Create reusable components such as buttons, cards, and modals based on the design specifications.
3. **Implement Authentication**: Set up JWT-based authentication for secure user login and role management.
4. **Develop Core Features**: Build out each core feature, ensuring seamless integration and responsive design using Tailwind.
5. **Integrate Payment Gateway**: Set up Razorpay or Stripe for processing payments securely.
6. **Map Integration**: Utilize campus map APIs to provide location-based services and geo-fenced ordering.
7. **Testing**: Conduct thorough testing for usability, performance, and responsiveness across devices.

# USER EXPERIENCE
The application will focus on providing a seamless user journey, starting from the landing page where users can easily register or log in. Upon entering the dashboard, users will have access to smart menu browsing with filtering options and can quickly add items to their cart. The order process will be smooth, with live tracking and notifications keeping users informed. Vendor partners will have a dedicated dashboard to manage their offerings, while admins will maintain oversight with analytics and user management tools. Overall, the application aims to deliver a fun, fast, and innovative food ordering experience tailored for the campus community.
```