🍽️ Food Delivery App

Live Demo: food-delivery-website

A full-stack food delivery web application where users can browse menus, place orders, and make secure payments using Stripe.

🔹 Now with AI-powered Smart Query!
🔹 Frontend with React.js + TypeScript for a modern and scalable UI
🔹 Backend with Node.js & Express.js for handling orders and payments
🔹 Database with MongoDB for storing user and order details
🔹 Secure payments using Stripe for seamless checkout

🚀 Features

✅ Modern UI – Built with React.js + TypeScript for scalability
✅ Dynamic Menu – Fetches food items from the backend
✅ User Authentication – Sign up, log in, and track past orders
✅ Secure Payments with Stripe – Ensures seamless transactions
✅ Order Management – Stores user orders in a database
✅ Admin Dashboard – Manage menu items and track orders
✅ AI Automated Website –

• Smart Query Box: Users can type natural language queries (e.g., "Show me trending pizzas under ₹300" or "Take me to the cart") and get instant, intelligent results powered by LLMs (Groq/Llama 3).
• Backend Query Controller: Handles AI-powered query analysis and product filtering, enabling advanced search, navigation, and product recommendations.

🛠️ Tech Stack

💻 Frontend:

• React.js + TypeScript (for type-safe, maintainable UI)
• Tailwind CSS / Bootstrap (for styling)
• Axios (for API requests)
• SmartQueryBox Component (AI-powered search and navigation)

🖥️ Backend:

• Node.js + Express.js (Handles authentication, orders, API endpoints, and AI queries)
• Query Controller (AI integration for natural language queries)

📦 Database:

• MongoDB + Mongoose (Stores users, orders, and menu items)

💳 Payments:

• Stripe API (For secure payment processing)

📨 Authentication:

• JWT (JSON Web Token) for user authentication

🤖 AI Integration:

• Groq API with Llama 3 (Processes and understands user queries in natural language)
• SmartQueryBox (Frontend) and Query Controller (Backend) for seamless AI-powered user experience

🔧 How It Works

1️⃣ Frontend (React.js + TypeScript)

• Users browse the menu and add items to the cart
• SmartQueryBox lets users search, filter, and navigate using natural language
• React manages state using React Hooks + Context API
• Responsive Design for smooth user experience

2️⃣ Backend (Node.js + Express.js)

• API handles menu, orders, authentication, payments, and AI-powered queries
• Uses MongoDB to store order and user details
• Query Controller processes and responds to AI-driven queries

3️⃣ Stripe Payment Integration

• Users enter payment details during checkout
• Stripe processes the transaction securely
• Order confirmation is sent to the user

4️⃣ AI Automated Website

• Users can interact with the website using natural language
• The backend interprets queries and provides intelligent responses, navigation, and recommendations

📌 Future Enhancements

✅ Real-time Order Tracking – Live status updates using WebSockets
✅ Push Notifications – Alerts for order confirmation & delivery updates
✅ AI-based Recommendations – Suggests food based on user preferences
✅ Multi-restaurant Support – Expand beyond a single menu