Skip to content

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.

Notifications You must be signed in to change notification settings

FarhanFardid/Diner_Lounge_Client

Repository files navigation

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.