🍔 Grub Hub || Food Stop
Welcome to Grub Hub, your ultimate online destination for ordering delicious food with ease. Built using the MERN stack (MongoDB, Express.js, React.js, Node.js) and integrated with Stripe for secure payments, Grub Hub aims to provide a seamless and delightful food ordering experience. Whether you're craving burgers, pizzas, or salads, Grub Hub has got you covered!
Grub Hub Live Preview
https://github.com/Paramhans-Singh/GrubHub/assets/101575816/695ef9e4-c17b-4ead-8099-b6198326d32d
Objectives
- User-Friendly Ordering: Offer an easy-to-use platform for ordering food online.
- Menu Management: Provide a comprehensive and dynamic menu that caters to diverse tastes.
- Order Tracking: Enable users to track their orders in real-time.
- Secure Payments: Integrate Stripe for secure and hassle-free payments.
- Responsive Design: Ensure a seamless and visually appealing experience across all devices.
Features
- Interactive Menu: Browse through a wide range of food items with detailed descriptions and images.
- Easy Ordering Process: Add items to the cart and place orders effortlessly.
- Order History: View past orders and reorder your favorites with a single click.
- Real-Time Order Tracking: Track the status of your order from preparation to delivery.
- User Authentication: Secure sign-up and login functionality for personalized experiences.
- Stripe Integration: Process payments securely with Stripe.
- Responsive Design: Enjoy a seamless experience on desktops, tablets, and mobile devices.
System Requirements
- Operating System: Any OS that supports modern web browsers (Windows, macOS, Linux)
- Web Browser: Latest version of Chrome, Firefox, Safari, or Edge
- Node.js: Version 12 or later
- NPM: Version 6 or later
- MongoDB: Version 4 or later
Usage
Browse Menu
- Explore Categories: Navigate through different food categories such as burgers, pizzas, salads, and more.
- View Details: Click on a food item to view detailed descriptions, nutritional information, and images.
Place an Order
- Add to Cart: Select desired items and add them to your cart.
- Checkout: Proceed to checkout, provide delivery details, and confirm your order.
- Payment: Pay securely using Stripe.
Track Orders
- Order History: View past orders and reorder with ease.
- Real-Time Tracking: Monitor the status of your current orders from preparation to delivery.
User Authentication
- Sign Up: Create an account to save your preferences and order history.
- Log In: Log in to access personalized features and track your orders.
Customization
Styling
- Customize the appearance of the app by modifying the CSS files in the
frontend/src/styles
directory. Adjust colors, fonts, and layout to match your branding.
Functionality
- Enhance or extend the functionality by editing the React components in the
frontend/src/components
directory and the backend routes/controllers in the backend/src
directory. Add new features or improve existing ones as needed.
Contributing
Contributions to Grub Hub are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes.
- Commit your changes.
- Push to your branch.
- Submit a pull request.
Contact
For any inquiries or issues, please contact: