Dev-Mint icon indicating copy to clipboard operation
Dev-Mint copied to clipboard

Make a cooking website layout.

Open 1ananya3 opened this issue 3 years ago β€’ 3 comments

A frontend layout for a cooking website.

1ananya3 avatar Dec 04 '22 06:12 1ananya3

I want to work on this. Please assign me.

1ananya3 avatar Dec 04 '22 06:12 1ananya3

Kindly recreate an issue using issue template which was automated now along with the issue details for getting it assigned. This issue will be useful. @1ananya3

prathimacode-hub avatar Dec 14 '22 18:12 prathimacode-hub

I want to work for on this issue under jwoc , please assign me

Hritik1503 avatar Feb 25 '23 03:02 Hritik1503

Please, assign it to me under IWOC.

spbyname avatar Feb 07 '25 16:02 spbyname

Could you explain the scope of the frontend layout for cooking website in detail along with technologies you follow. What does it perform? @spbyname

prathimacode-hub avatar Feb 07 '25 16:02 prathimacode-hub

sure @prathimacode-hub

Key Features & Sections of the Frontend Layout

Homepage Purpose: The first impression of the website; showcases trending recipes, categories, and search options. Hero Banner β†’ A visually appealing image slider (e.g., "Explore Recipes"). Recipe Search Bar β†’ Users can search by name, ingredients, or type (e.g., "Pasta", "Vegan"). Featured Recipes β†’ Carousel/grid of trending or best-rated recipes. Recipe Categories β†’ Sections like "Healthy Meals," "Desserts," "Vegan," "Quick Meals," etc.

Recipe Listing Page Purpose: Displays all available recipes with filtering and sorting options. Grid view β†’ Recipes displayed with images, name, time, difficulty, and ratings. Filters & Sorting β†’ Users can filter by cuisine, difficulty, cooking time, or dietary needs. Scroll β†’ Ensures smooth navigation across recipes.

Recipe Detail Page Purpose: Provides step-by-step instructions for a particular recipe. Ingredient List β†’ Users can copy ingredients or add them to a shopping list. Cooking Steps β†’ Step-by-step method, may include images or embedded videos. Nutritional Facts β†’ Calories, protein, fat, carbs, etc. Comments & Ratings β†’ User reviews and feedback. Save & Share Buttons β†’ Bookmark the recipe or share it on social media.

User Dashboard (For Registered Users) Purpose: Allows users to save recipes, upload their own, and manage preferences. Profile Section β†’ Name, profile picture, dietary preferences. Saved Recipes β†’ Collection of bookmarked recipes. User-Uploaded Recipes β†’ If the site allows community contributions. Recipe History β†’ Recently viewed recipes.

Contact & About Pages Purpose: Offers details about the website, mission, and ways to contact support.

spbyname avatar Feb 07 '25 18:02 spbyname

Issue assigned to @spbyname

prathimacode-hub avatar Feb 08 '25 05:02 prathimacode-hub

thankyou @prathimacode-hub ma'am for assigning it to me.

spbyname avatar Feb 09 '25 05:02 spbyname

Share me your Discord Username? @spbyname

prathimacode-hub avatar Feb 09 '25 13:02 prathimacode-hub

@prathimacode-hub my discord username is spbyname

spbyname avatar Feb 09 '25 18:02 spbyname

Kindly work on changes to do in your PR.. @spbyname

prathimacode-hub avatar Feb 21 '25 06:02 prathimacode-hub