Navigating the Platform

FourFork is designed with intuitive navigation to help you quickly access recipes, plan meals, and manage your cooking experience. This guide will walk you through all the navigation features and help you move efficiently around the platform.

The main navigation bar is located at the top of every page and provides quick access to all major sections of FourFork. Here's what each section contains:

1.1 Home

Returns you to your personalized homepage with your recipe feed, recent activity, and quick access to your meal calendar and shopping cart.

1.2 Discover

Explore curated content and trending recipes:

Featured recipes handpicked by our team
Trending recipes gaining popularity
Seasonal collections and themed recipe groups
New recipes from chefs you follow
Popular chefs and rising stars
Curated sections for different occasions and meal types

1.3 Recipes

Browse and search the complete recipe library:

Filter by cuisine, dietary restrictions, meal type, and difficulty
Sort by popularity, rating, cook time, or date added
Search by recipe name, ingredient, or keyword
View recipes as cards or in list view
Access advanced filters for prep time, servings, and cost

1.4 Cuisines

Explore recipes organized by world cuisines:

Interactive world map showing cuisine regions
Browse recipes from specific countries and regions
Learn about different cooking styles and traditions
Discover authentic regional dishes

1.5 Ingredients

Access the comprehensive ingredient database:

Search for specific ingredients
View nutritional information for each ingredient
See recipes that use specific ingredients
Learn about ingredient preparation methods and substitutions
Request new ingredients to be added to the database

1.6 Chefs

Discover and connect with recipe creators:

Browse featured and popular chefs
View chef profiles with their recipe collections
Follow your favorite chefs to see their latest recipes
Explore business pages for professional chefs and food businesses
See chef statistics, ratings, and follower counts

1.7 Calendar

Manage your meal planning:

View your meal plan in weekly or monthly format
Add recipes to specific days and meal times
Adjust servings for each scheduled meal
Drag and drop recipes to reorganize your plan
Generate shopping lists from your calendar
Mark meals as cooked to track your progress

1.8 Shopping Cart

Manage your shopping lists:

View consolidated ingredient lists from your meal plan
Add or remove individual recipes from your cart
Check off items as you shop
Find products at your connected store
See estimated costs and package quantities
Export your list or share it with others

1.9 Pantry

Track ingredients you have at home:

Add ingredients you currently have in stock
Set quantities and expiration dates
Find recipes based on your pantry items
Automatically exclude pantry items from shopping lists
Get alerts when items are expiring soon

2. Universal Search

The search bar at the top of the page allows you to quickly find anything on FourFork:

2.1 What You Can Search

Recipes: Search by recipe name, description, or keywords
Ingredients: Find recipes containing specific ingredients
Chefs: Search for users and recipe creators by name
Cuisines: Discover recipes from specific cuisines
Tags: Filter by dietary restrictions, meal types, and cooking methods

2.2 Search Tips

Type at least 2 characters to see suggestions
Results are grouped by category for easy navigation
Use specific ingredient names for better results
Search updates in real-time as you type
Click "View All Results" to see complete search results

Click on your avatar or profile icon in the top-right corner to access personal features:

Profile: View and edit your public profile
My Recipes: Access all recipes you've created
Saved Recipes: View recipes you've bookmarked
Notifications: Check recent activity and updates
Settings: Manage account preferences and dietary settings
Help Center: Access help articles and support
Sign Out: Log out of your account

3.2 Admin Options (If Applicable)

Users with admin permissions will see additional options:

Admin Panel: Manage users, permissions, and content
Reports: Review user reports and moderate content
Analytics: View platform statistics and insights
Website Settings: Configure site-wide settings
Ingredient Management: Edit ingredient database
Discover Sections: Manage featured content sections

4. Quick Actions

Throughout FourFork, you'll find quick action buttons that help you accomplish tasks faster:

4.1 Floating Action Button

The green circular button in the bottom-right corner provides quick access to:

Create Recipe: Start a new recipe from any page
Import Recipe: Paste a recipe URL to automatically import it
This button appears on most pages for convenient access

4.2 Recipe Card Actions

When browsing recipes, each card has quick actions:

Save: Bookmark the recipe for later
Add to Calendar: Schedule the recipe in your meal plan
Add to Cart: Add ingredients to your shopping list
Like: Show appreciation for the recipe

4.3 Keyboard Shortcuts

Use these keyboard shortcuts for faster navigation:

/ or Ctrl+K: Focus the search bar
Esc: Close modals and dialogs
Arrow keys: Navigate through search results

Different pages have specialized navigation based on context:

5.1 Recipe Detail Page

Back button to return to previous page
Tabs for Overview, Reviews, and Comments
Action buttons for Save, Calendar, Cart, Share, and Export
Similar recipes section at the bottom
Chef profile link to view creator's other recipes

5.2 Chef Profile Page

Tabs for Recipes, Saved, and About
Follow/Unfollow button
Statistics (followers, recipes, ratings)
Contact and social media links (if available)
Filter and sort options for recipe collections

5.3 Ingredient Detail Page

Nutritional information display
"Find Recipes" button to see recipes using the ingredient
Add to Pantry quick action
Unit conversion reference
Related ingredients section

On mobile devices, navigation is optimized for smaller screens:

Hamburger menu in the top-left opens the main navigation drawer
Search icon in the top-right opens the search interface
Profile icon provides access to account features
All main navigation options available in the drawer menu

On mobile, a bottom navigation bar provides quick access to:

Home
Discover
Create (center button)
Calendar
Profile

6.3 Touch Gestures

Swipe: Navigate through recipe image galleries
Tap: Select items and open details
Long press: Access additional options (context menu)
Pull to refresh: Update content on feed pages

7. Breadcrumbs and Back Navigation

FourFork provides multiple ways to navigate backward:

7.1 Breadcrumbs

Many pages show breadcrumb navigation at the top, displaying your current location and allowing you to jump back to previous levels. For example:

Home > Recipes > Italian > Pasta Carbonara

7.2 Browser Back Button

FourFork fully supports browser history, so you can use your browser's back button to return to previous pages without losing your place.

7.3 Close Buttons

Modals and overlay dialogs have X buttons in the top-right corner. You can also press the Esc key to close them.

8. Notifications and Badges

Stay informed about activity with notification indicators:

8.1 Notification Badge

A red dot or number appears on the notifications icon when you have unread notifications
Click to view all notifications in a dropdown panel
Notifications include likes, comments, follows, and recipe activity
Mark notifications as read individually or all at once

8.2 Real-time Updates

FourFork uses real-time updates for certain features, so you'll see changes immediately without needing to refresh:

New notifications
Comment and review updates
Like counts and engagement metrics

9.1 Use Saved Collections

Save recipes to quickly access your favorites without searching. Your saved recipes are always available from your profile menu.

9.2 Follow Your Favorite Chefs

Following chefs you like ensures their recipes appear in your Discover feed, making it easier to find content you'll enjoy.

9.3 Set Dietary Preferences

Configure your dietary preferences in settings to automatically filter recipes that match your needs when browsing.

9.4 Use the Calendar View

Instead of navigating through multiple pages, use the calendar to see your entire meal plan at a glance and make quick adjustments.

9.5 Bookmark the Help Center

Add the Help Center to your bookmarks for quick access to guides and troubleshooting when you need assistance.

10. Accessibility Features

FourFork is designed to be accessible to all users:

Keyboard navigation: All features accessible via keyboard
Screen reader support: Proper labels and ARIA attributes
High contrast: Clear visual hierarchy and readable text
Focus indicators: Visible focus states for keyboard navigation
Skip links: Jump to main content on pages

For more specific guidance on using individual features, check out our other help articles or contact support if you need assistance.