chefs-palette-client

Live Site Link : https://chef-s-palette-auth.web.app/

Home Page

1. Contains the Header

   Header includes Brand Name, 2 links (Home,Blog) and Login Button.

2. Next Section I added 3 Carosoul Item.

3. 3rd Section I have added All of my 6 Chefs cards.

   Cards contains Chef image, Name, Likes, Experience and a button for view chefs individually.

4. In this section added some food item

5. Resturant Consulting service Added

Footer

1. In this section i have just added the Brand Name and copyright Info.

Output

Login Page

1. In the login page > i added (email,password) , login with google and Github.

Output

Register Page

1. This page contains only Username, email , password and Photo URL

   I have used the regular expression for validate the password and PhotoURL Password contains at least two Uppercase and one special case and length not less than 6 character. (Example: !AB1234) PhotoUrl , You can use this example link. (Example: https://www.bssnews.net/assets/news_photos/2022/03/04/image-48342-1646396593.jpg)

Output

Password Validation

After Login Header Format

1. Right side of the Navbar it will show the User image and Logout Button

   When you will click on the user image you redirect to the profile page and can view your information

Header output After login

User Personal Information

Home Section 6 Chefs Card

1. Only Login user can click on the View Recipe button

   After login when user click on the View Recipe button ,user can view the chefs details and his all recipes. There is a rating given for each recipes Add to Favorite Button given. If user click on the add to favorite button it will added as favorite and i make it disabled as per assignment requirement.

Output view Recipes

Blog Page

1. In the blog page i've given answer of those four questions as per Assignment Requirements

2. At the top of the page i've added Print this Article button that will create a pdf. You can save it and print it.

Blog Page Output

---

Thank You

And others all the functionality works properly
Kindness is like snow- It beautifies everything it covers. ♥⌚

Minhazul Abedin Munna
DATE:04 MAY 2023, 11:40PM