Giter Club home page Giter Club logo

farhanfardid / diner_lounge_client Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 28.84 MB

Full Stack Restaurant Website project.... Technologies used- React, React Router, Tailwind CSS, Node.js, Express.js, MongoDB, Firebase, Axios, Daisy UI, React Awesome Components, REST APIs, JWT etc.

Home Page: https://bistro-boss-e5657.web.app/

JavaScript 97.29% HTML 0.33% CSS 2.38%
full-stack-web-development mern-stack-development restaurant-website axios-react firebase firebase-auth firebase-hosting react-awesome-component react-helmet-async react-hook-form

diner_lounge_client's Introduction

Diner Lounge

Welcome to Diner Lounge, a full stack comprehensive Restaurant Management System that caters to both administrators and customers. With separate admin and customer dashboards, Diner Lounge offers a seamless experience for managing restaurant operations and placing orders. Powered by Firebase authentication and React Stripe for payment processing, Diner Lounge ensures secure access and transactions for all users.

Features:

Admin Dashboard:

i. Manage Menu: Add, update, and delete food items from the menu.

ii. User Management: View and manage users, including promoting users to admin or removing admin privileges.

iii. Financial Overview: Monitor total earnings and view charts categorizing menu items.

iv. Secure Routes: Admins can access secured routes and pages for sensitive operations.

Customer Dashboard:

i. User Authentication: Users can sign up or log in using Firebase authentication.

ii. Menu Viewing: Browse through the menu and select food items for ordering.

iii. Order Placement: Add selected items to the cart and confirm the order.

iv. Payment Processing: Securely pay for orders using credit/debit cards.

v. Payment History: View payment history along with transaction IDs for reference.

Technologies Used:

  1. React.js: Frontend library for building user interfaces.

  2. Firebase Authentication: For secure user authentication.

  3. React Stripe: Payment processing for online transactions.

  4. Express.js: Backend framework for handling server-side operations.

  5. JSON Web Tokens (JWT): Secure routes and paths using token-based authentication.

  6. Tailwind CSS: Frontend framework for responsive design.

  7. HTML/CSS: For structuring and styling the website.

Usage

Admin:

i. Log in to the admin dashboard using Firebase authentication.

ii. Manage menu items, users, and view financial insights.

iii. Access secured routes for sensitive operations.

Customer:

i. Sign up or log in to the customer dashboard using Firebase authentication.

ii. Browse through the menu, select food items, and add them to the cart.

iii. Proceed to checkout, enter payment details, and confirm the order.

iv. View payment history for reference.

Future Development Scope

i. User Home Page:Implement a personalized home page for users, where they can view their order history, favorite items, and personalized recommendations based on their past orders.

ii. User Review System: Introduce a review system where users can rate and provide feedback on the food items they have ordered. This will help other users make informed decisions and provide valuable insights for the restaurant.

iii. User Booking System: Enable users to book tables or make reservations directly through the platform. Users can select the date, time, and number of guests, and receive confirmation of their booking.

iv. Admin Booking Management System: Develop a booking management system for administrators to track and manage table reservations. Admins can view upcoming bookings, confirm reservations, and allocate tables accordingly.

v. Enhanced Analytics: Implement advanced analytics and reporting features for both admins and users. This could include insights into popular menu items, peak hours, revenue trends, and customer demographics.

diner_lounge_client's People

Contributors

farhanfardid avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.