FlavorFusion - Restaurant Management System

FlavorFusion is a comprehensive restaurant management system designed to provide an exceptional dining experience for customers while streamlining internal processes for restaurant staff. From showcasing delicious food items to facilitating smooth transactions, FlavorFusion aims to exceed expectations in every aspect of restaurant management.

• Live Site URL: FlavorFusion

Project Overview

FlavorFusion enhances restaurant management by providing a user-friendly platform for customers and staff. It showcases food items, enables smooth transactions, and improves internal operations, ultimately delivering an exceptional dining experience.

Features/Pages

• Homepage: Engaging banner section, top-selling food items showcase, and additional sections for extra content.
• All Foods Page: Display all food items with search functionality and detailed information.
• Single Food Page: Details of a single food item including name, image, price, and purchase button.
• Food Purchase Page: Form to purchase food items with pre-filled information and confirmation button.
• Gallery Page: Showcase of user-uploaded images with hover effect and upload functionality.
• Login/Register Pages: Secure login and registration forms with relevant error handling.
• My Profile Page: Dropdown menu for user-specific actions including managing added and ordered food items.
• 404 Page: Custom error page with a back to home button.

Update 1.1

• Users can now rate their previously bought foods.

Optional Features

• Spinner for loading state.
• Animations using Framer Motion.
• Tanstack query mutations.
• Multiple filtering systems for food items.
• Backend pagination.
• Infinite image scrolling in the Gallery section.

Technology Used

• Frontend Framework: React.js
• Animations: Framer Motion
• State Management: Tanstack Query
• Styling: Tailwind CSS

Getting Started

To run FlavorFusion locally:

1. Clone the repository:

   git clone https://github.com/Porgramming-Hero-web-course/b9a11-client-side-mdsabbiralmamon

2. Navigate to the project directory:

   cd b9a11-client-side-mdsabbiralmamon

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

Acknowledgements

• This project was developed as part of the RestaurantManagementWebsite assignment.
• Special thanks to ThemeForest, Dribbble, and Behance for design inspiration.