Welcome to the client-side repository of The Bengal Chefs' Pantry website, a dedicated website showcasing the finest recipes from the best chefs.

• Website Features
• Live Deployment
• Used Packages and Technologies
• Prerequisites
• Installation
• Running the Project
• Also Checkout The Bengal Chefs' Pantry - Server
• Contributing
• License

• Unique Design: The website features a unique and visually appealing design tailored to showcase recipes from Bengali cuisine. Each page is designed to provide an immersive experience for users interested in culinary exploration.

• Dynamic Home Page: The homepage features a banner containing 6 top rated dishes, a scrolling ticker containing fun facts, top chefs section containing chefs' name, years of experience, number of recipes, likes and a button that redirects to a page allocated for their detailed recipes, a section called "expert chef tips and tricks" which includes a slider with tips and tricks related images and finally a section regarding healthy eating tips.

• Footer: A meaningful footer is present on all pages, including a mini map, ensuring consistency and providing essential links or information.

• Registration & Login System: Users can register with their name, email, password, and photo URL and can login using email and password. Both pages include error handling for invalid inputs.

  • Login:

  

  • Register:

  

• Chef Section on Homepage: The homepage features a section showcasing chefs, including their picture, name, years of experience, number of recipes, likes, and a button to view their recipes.

• Chef Recipes Page: Users can view detailed information about a chef, including their picture, bio, likes, number of recipes, and years of experience. Recipes are displayed in a tabular or card format, including recipe name, ingredients, cooking method, rating, and a Favorite button.

• Favorite Recipe Feature: Users can mark recipes as favorites, triggering a toast message and disabling the favorite button upon selection.

• 404 Page: A custom 404 page is created with an added picture, enhancing the user experience in case of page not found errors.

Check out the live site at this following URL

• React: Core library for building user interfaces
• React Router: For routing and navigation
• Bootstrap: Front-end component library for UI design
• Firebase: For authentication
• Leaflet: For interactive map
• LocalForage: For offline storage
• Match-sorter: For fuzzy filtering and sorting
• React Icons: For iconography
• React Toastify: For toast notifications
• React Rating: For rating components
• React Fast Marquee: For scrolling text effects

• Node.js
• npm

1. Clone the repository:

   git clone https://github.com/Tanzeebul-Tamim/The-Bengal-Chefs-Pantry-Client
   cd The-Bengal-Chefs-Pantry-Client

2. Install dependencies:

   npm install

npm run dev

Visit the server-side repository of The Bengal Chefs' Pantry website

Feel free to contribute by submitting a pull request. Please ensure that your code follows the project's coding standards and includes relevant tests.

This project is licensed under the MIT License - see the LICENSE file for details.