Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rakibulhasanbu/savoir-cuisiner-client

Server side Repository Link: https://github.com/rakibulhasan-bu/Savoir-Cuisiner-server
https://github.com/rakibulhasanbu/savoir-cuisiner-client

Last synced: 28 days ago
JSON representation

Server side Repository Link: https://github.com/rakibulhasan-bu/Savoir-Cuisiner-server

Awesome Lists containing this project

README 

        





  
Savior Cuisiner



  


    This is a website showcasing eight chefs from France, along with their biographies and other information. 

    


    


    View Live site

    .

  



## Table Of Contents



* [About the Project](#about-the-project)

* [Built With](#built-with)

* [Authors](#authors)

* [Acknowledgements](#acknowledgements)



## About The Project



![Screen Shot](https://res.cloudinary.com/dwx2jd8b1/image/upload/v1683263198/Rakibul_Hasan/Screenshot_188_xkalsa.png)



Welcome to my France Chef Website! My website is designed to showcase the talent and expertise of some of the most renowned chefs in France. I have carefully selected 8 top chefs and provided their primary information such as name, image, rating, and experience on my homepage.



In addition to the chefs' section, I have also included other pages such as About, Contact, Blog, and a beautiful Testimonial and Statistics section to provide you with a comprehensive experience.



One of the most exciting features of my website is the ability to view the chef's recipes by clicking on the 'Show Recipe' button. If you are logged in, you will be able to view the chef's recipe details. If you are not logged in, you will be redirected to the login page for a private route system. My login page provides validation and authentication with Firebase and allows you to authenticate with your email and password, as well as with your Google or Github accounts using a pop-up window.



My recipe page displays a list of recipe items, with each item showing the recipe name, rating, price, ingredients, and cooking method. You can also save your favorite recipes by clicking on the 'Favorite' button, which will change the color from black to red.



I hope you enjoy using our website and exploring the culinary world of France!



## Key Features

* Home Page: features a dynamic carousel highlighting top-rated chefs and their recipes.

* About Page: provides an overview of the website's mission and values.

* Contact Page: allows users to get in touch with the website's support team.

* Blog Page: showcases the latest articles, tutorials, and cooking tips.

* Testimonial Section: features user reviews and testimonials about their experiences with the chefs and recipes.

* Statistics Section: displays key metrics and statistics about the website's performance.

* Chefs Section: highlights eight top-rated chefs with their primary information like name, image, rating, and experience.

* Recipe Details Page: allows logged-in users to view chef's recipes, including ingredients, cooking methods, and nutritional information.

* Authentication with Firebase: provides secure authentication using email and password, as well as log-in with Google or Github.

* Favourites System: allows users to save their favourite recipes for future reference.



## Main use case



1.  Discover new chefs and their specialities: The website allows users to explore and learn about 8 different chefs from France, their background, experience, and specialties.



2.  View chef's recipes and cooking methods: The website offers a feature to show chef's recipe details including name, rating, price, ingredients, and cooking methods. 



3.  Save favorite chefs and recipes: Users can save their favorite chefs and recipes by clicking on the favorite button. The favorite items will be added to the user's profile, allowing easy access for future reference.



4.  Get inspired and try new recipes: By exploring the recipes of different chefs, users can get inspired and try new recipes at home.



5.  Join a community of food enthusiasts: The blog page of the website provides an opportunity for users to connect with other food enthusiasts and share their thoughts and experiences. 



6.  Contact chefs for private events or catering services: Users can use the contact page to get in touch with the chefs for private events or catering services.



7.  Enhance cooking skills: By learning about different cooking methods and techniques, users can enhance their cooking skills and become better home chefs.



## Built With



* React: React is a popular front-end framework for building dynamic user interfaces.

* Firebase: Firebase is a cloud-based platform for building and scaling web and mobile applications.

* Tailwind CSS: Tailwind CSS is a utility-first CSS framework for building responsive web designs.



## Authors



* **Rakibul Hasan** - *Student of Univercity Of Barishal* - [Rakibul Hasan](https://github.com/rakibulhasan-bu?tab=repositories) - **



## Acknowledgements



We would like to thank the following resources for their help and inspiration in building the France Chefs website:



* [React documentation](https://react.dev/learn)

* [Tailwind CSS documentation](https://tailwindcss.com/docs/installation)

* [Firebase documentation](https://firebase.google.com/docs/auth/web/start?hl=en&authuser=0)