DineDash

Live URL: https://dinedash.netlify.app/

Description :

DineDash is an innovative online food ordering platform designed to offer a seamless and engaging user experience. The website features a dynamic navigation system with conditional login/logout functionality, ensuring personalized interactions for every user. Its homepage greets visitors with a captivating banner section highlighting the latest promotions and top-selling food items, enticing them to explore further. A comprehensive food page with robust search functionality allows users to easily find their desired dishes. Detailed single food pages provide comprehensive information and purchase options, ensuring a delightful shopping experience. With a secure checkout process that requires user authentication, DineDash prioritizes data security while facilitating smooth transactions. An interactive gallery page invites users to view images and leave feedback, enhancing engagement. Personalized profile pages enable users to manage their orders and profile information efficiently. Error handling and a dedicated 404 page ensure a seamless browsing experience, making DineDash the go-to platform for food enthusiasts seeking convenience and quality.

Features :

• User-friendly navigation with a dynamic navbar showcasing website sections and conditional login/logout functionality.

• Engaging homepage featuring a banner section, top-selling food items, and easy access to view all available foods.

• Comprehensive food page with search functionality, allowing users to find specific items effortlessly.

• Detailed single food pages providing comprehensive information about each food item, including purchase options.

• Secure foods purchase page ensuring user authentication before completing orders.

• Interactive gallery page where users can view images and leave feedback, enhancing user engagement.

• Robust authentication system with registration and login pages, ensuring user data security.

• Personalized profile page allowing users to manage their added food items, orders, and profile information.

• Smooth user experience with features like update and delete functionalities for added food items and orders.

• Error handling and a 404 page for a seamless browsing experience, ensuring users can navigate the site effortlessly.

Technologies Used :

• Front-end: HTML, CSS, Tailwind CSS JavaScript, React Responsive Design

• Back-end: Node.js, Express.js MongoDB

• Authentication: Firebase Authentication

How to Run :

• git clone
• npm install
• create .env.local
• in .env.local file updated:
  • VITE_APP_URL=your localhost url
  • VITE_APIKEY=Your firebase code
  • VITE_AUTHDOMAIN=Your firebase code
  • VITE_PROJECTID=Your firebase code
  • VITE_STORAGEBUCKET=Your firebase code
  • VITE_MESSAGINGSENDERID=Your firebase code
  • VITE_APPID=Your firebase code
• npm run dev
• proper run go to Server : Server Site and updated all fetch url to localhost