An open API service indexing awesome lists of open source software.

https://github.com/zn-rabby/Bistro-Boss-Restaurant-Client

Bistro Boss Restaurant Management MERN Stack Web App (Client)
https://github.com/zn-rabby/Bistro-Boss-Restaurant-Client

daisyui firebase javascript react react-router-dom react-stripe tailwindcss tanstack-query

Last synced: 9 months ago
JSON representation

Bistro Boss Restaurant Management MERN Stack Web App (Client)

Awesome Lists containing this project

README

          

# Bistro Boss- Restaurant Management MERN Web App
## Live link: https://bistro-boss-auth-b7b22.web.app/



## Technology Used:
- React, Node, Express, JWT, HTML, CSS, JS
- MongoDB, Firebase
- Tailwind CSS, DaisyUI, Tanstack

## Key Features:
### Introduction
- Purpose: Create a user-friendly platform for Restaurant Management.
- Scope: Features include user registration, add items, manage items, management bookings, and role-based access control. Built using MERN stack.

### User Roles and Permissions
- Admin ๐ŸŒ: Access to all features.
- User ๐Ÿค: Order items and pay online through card Payment.

### User Authentication (public)
- Registration:
- Input fields: email, name, avatar, password.
- Default status: "user,"
- Login: Email and password, log in with Google
### Dashboard (private๐Ÿ”’)
- All layouts with a sidebar, fully responsive.
- Profile Page (/dashboard/profile): Display user info
#### User Dashboard
- Home Page (/dashboard): Display welcome message.
- Payment History Page: Display all payment history.
- Reservation page: Booking page for table.
- My Cart: show all cart-added items

#### Admin Dashboard:
- Display statistics (total users, revenue, orders, total products).
- Manage Items,
- Add items,
- All users,
- All Payment history,
- My cart.

### Home Page (public):
- Navbar with links for Dashboard, Contact Us, Our Menu, Our Shop, Login, Cart
- Banner
- Items Category section
- Menu Section
- Footer with relevant links.

### Our Menu Page:
- Banner section with parallax effect
- Items section for individual types of items
- For each section Have a button that navigates to our shop page for this selected category

### Our Shop:
- Has a tab section for individual items category
- for each tab, show all items relevant to this category
- items are shown as cards that have an Add to Cart button
- Clicking on the Add to Cart button, items added to the cart page

### Cart page:
- Contain all the added products
- the cart button shows the number of products contained in it
- all orders are shown in a table and have a pay button, and delete button
- clicking on the pay button, redirects the user to the payment page to pay by card

### Responsive
- Make the entire website and dashboard responsive.

### JWT
- Implement JWT on login and secure private APIs with JWT.

## Developer
- Zulkar Naeem Rabby