Skip to content

ProgrammingHero1/bistro-boss-client-menu-and-order

Repository files navigation

Bistro Boss Client Menu and Order

Bistro Boss is a comprehensive restaurant management website built using the MERN stack (MongoDB, Express.js, React with Vite, and Node.js). This application aims to streamline restaurant operations, providing an intuitive interface for managing reservations, orders, menus, and staff. Server Repo Link

New Packages Used

React Helmet Async

  • Version: ^1.3.0
  • Description: This package allows for dynamic manipulation of the document head, enabling updates to the page title and meta tags asynchronously, enhancing SEO and user experience.

React Parallax

  • Version: ^3.5.1
  • Description: React Parallax is used to create visually appealing parallax scrolling effects on the website, adding depth and engagement to the menu page banners.

React Tabs

  • Version: ^6.0.1
  • Description: React Tabs provides an accessible and easy-to-use tab component for React, which we used to display food items categorized under different tabs.

@smastrom/react-rating

  • Version: ^1.3.1
  • Description: This package offers a simple and customizable rating component for React applications, used to display and collect user ratings for menu items.

What We Did Today

  • Added Dynamic Page Title Using Helmet: Implemented dynamic updates to the page title using the react-helmet-async package to improve SEO and user experience.
  • Implemented Parallax on Menu Page Banner: Used react-parallax to create an engaging parallax effect on the menu page banner.
  • Built a Custom Hook "useMenu" to Load Menu Data: Developed a custom React hook to fetch and manage menu data efficiently.
  • Implemented Tab System for Showing Food Items Based on Active Tab: Utilized react-tabs to create a tabbed interface for displaying food items by category.
  • Created Express Server and Loaded Menu Data from Server: Set up an Express.js server to serve menu data, integrating it with the client-side application.

Getting Started

You Need to Clone the repo to analyze the full code.

git clone https://github.com/ProgrammingHero1/bistro-boss-client-menu-and-order.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published