Recipe Sharing Site

A Recipe Sharing Site is a web application designed to allow users to discover, share, and organize culinary recipes. These platforms act as a community hub for food enthusiasts, enabling them to upload their own recipes, browse creations from others, rate dishes, leave comments, and build personal collections of favorite recipes.

Core functionalities typically include:
* User Management: Features for user registration, login, profile creation, and management of personal recipes.
* Recipe Submission: Users can submit new recipes, including details like title, ingredients list, step-by-step instructions, preparation time, cooking time, serving size, categories (e.g., cuisine, meal type), and often photographs.
* Recipe Browsing and Search: Users can explore recipes by category, cuisine, ingredients, or through a search bar using keywords. Advanced filtering options might include dietary restrictions (vegetarian, gluten-free) or difficulty levels.
* Interaction: Features like commenting, rating (e.g., 1-5 stars), liking, and sharing recipes on social media enhance user engagement and community building.
* Personalization: Users often have a dashboard or profile page where they can manage their submitted recipes, saved favorites, and follow other users or chefs.
* Filtering and Sorting: Options to sort recipes by popularity, recency, or other criteria.

Technologically, such a site usually involves a frontend (HTML, CSS, JavaScript) for the user interface, a backend (like PHP, Python, Node.js, Ruby) to handle application logic, user authentication, and data processing, and a database (e.g., MySQL, PostgreSQL) to store all the recipe information, user data, comments, and ratings.

The benefits of a recipe sharing site include fostering a vibrant community around food, providing a vast and diverse resource of culinary knowledge, and enabling individuals to easily find inspiration for their next meal or share their own culinary creations with a wider audience.

Example Code

<?php
// Configuration for database connection
define('DB_HOST', 'localhost');
define('DB_NAME', 'recipe_share_db'); // Make sure this database exists
define('DB_USER', 'root'); // Replace with your database username
define('DB_PASS', '');     // Replace with your database password

// Attempt to connect to the database using PDO
try {
    $pdo = new PDO("mysql:host=" . DB_HOST . ";dbname=" . DB_NAME, DB_USER, DB_PASS);
    // Set the PDO error mode to exception for better error handling
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    // Set default fetch mode to associative array
    $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    die("Database connection failed: " . $e->getMessage());
}

// --- Handle Recipe Submission (simplified) ---
// This section processes the form submission for adding a new recipe.
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['submit_recipe'])) {
    $title = trim($_POST['title']);
    $ingredients = trim($_POST['ingredients']);
    $instructions = trim($_POST['instructions']);

    if (!empty($title) && !empty($ingredients) && !empty($instructions)) {
        try {
            // Prepare an INSERT statement to prevent SQL injection
            $stmt = $pdo->prepare("INSERT INTO recipes (title, ingredients, instructions) VALUES (?, ?, ?)");
            $stmt->execute([$title, $ingredients, $instructions]);
            $message = "Recipe added successfully!";
            // Optional: Redirect to clear POST data and prevent re-submission
            // header('Location: ' . $_SERVER['PHP_SELF']);
            // exit();
        } catch (PDOException $e) {
            $message = "Error adding recipe: " . $e->getMessage();
        }
    } else {
        $message = "Please fill in all fields to add a recipe.";
    }
}

// --- Fetch All Recipes ---
// This section retrieves all existing recipes from the database.
$recipes = [];
$error_fetching = '';
try {
    $stmt = $pdo->query("SELECT id, title, ingredients, instructions FROM recipes ORDER BY id DESC");
    $recipes = $stmt->fetchAll();
} catch (PDOException $e) {
    $error_fetching = "Error fetching recipes: " . $e->getMessage();
}

// --- HTML Structure for Displaying and Adding Recipes ---
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recipe Sharing Site</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; background-color: #f4f4f4; line-height: 1.6; color: #333; }
        .container { max-width: 900px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
        h1, h2 { color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: 20px; }
        .recipe-list { margin-top: 30px; }
        .recipe-item { background: #e9ecef; border-left: 5px solid #007bff; padding: 15px; margin-bottom: 20px; border-radius: 5px; }
        .recipe-item h3 { margin-top: 0; color: #007bff; margin-bottom: 10px; }
        .recipe-item h4 { margin-top: 15px; margin-bottom: 5px; color: #555; }
        .recipe-item p { margin: 5px 0; }
        .ingredients ul, .instructions ol { list-style-type: disc; margin-left: 20px; padding-left: 0; }
        .instructions ol { list-style-type: decimal; }
        .ingredients ul li, .instructions ol li { margin-bottom: 5px; }
        form { margin-top: 20px; padding: 20px; background: #f8f9fa; border-radius: 8px; border: 1px solid #e2e6ea; }
        form label { display: block; margin-bottom: 8px; font-weight: bold; color: #555; }
        form input[type="text"], form textarea {
            width: calc(100% - 22px); /* Account for padding and border */
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
        }
        form textarea { resize: vertical; min-height: 80px; }
        form button {
            background-color: #28a745;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.2s ease;
        }
        form button:hover { background-color: #218838; }
        .message { padding: 10px; margin-bottom: 15px; border-radius: 4px; font-weight: bold; }
        .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
    </style>
</head>
<body>
    <div class="container">
        <h1>Welcome to the Recipe Sharing Site!</h1>

        <?php if (isset($message)): ?>
            <div class="message <?php echo strpos($message, 'Error') !== false ? 'error' : 'success'; ?>">
                <?php echo htmlspecialchars($message); /* Display success or error messages */ ?>
            </div>
        <?php endif; ?>

        <h2>Share Your Recipe</h2>
        <form action="" method="POST">
            <label for="title">Recipe Title:</label>
            <input type="text" id="title" name="title" required>

            <label for="ingredients">Ingredients (one per line):</label>
            <textarea id="ingredients" name="ingredients" rows="5" placeholder="e.g.,
2 cups flour
1 cup sugar
1/2 cup butter" required></textarea>

            <label for="instructions">Instructions (step-by-step):</label>
            <textarea id="instructions" name="instructions" rows="8" placeholder="e.g.,
1. Preheat oven to 350°F.
2. In a large bowl, cream together butter and sugar." required></textarea>

            <button type="submit" name="submit_recipe">Add Recipe</button>
        </form>

        <h2>Browse Recipes</h2>
        <div class="recipe-list">
            <?php if (!empty($recipes)): /* Check if there are any recipes to display */ ?>
                <?php foreach ($recipes as $recipe): /* Loop through each recipe */ ?>
                    <div class="recipe-item">
                        <h3><?php echo htmlspecialchars($recipe['title']); /* Display recipe title */ ?></h3>
                        <div class="ingredients">
                            <h4>Ingredients:</h4>
                            <ul>
                                <?php /* Split ingredients by newline and display as a list */ ?>
                                <?php foreach (explode("\\n", $recipe['ingredients']) as $ingredient): ?>
                                    <?php if (trim($ingredient) !== ''): /* Only display non-empty lines */ ?>
                                        <li><?php echo htmlspecialchars(trim($ingredient)); ?></li>
                                    <?php endif; ?>
                                <?php endforeach; ?>
                            </ul>
                        </div>
                        <div class="instructions">
                            <h4>Instructions:</h4>
                            <ol>
                                <?php /* Split instructions by newline and display as an ordered list */ ?>
                                <?php foreach (explode("\\n", $recipe['instructions']) as $instruction): ?>
                                    <?php if (trim($instruction) !== ''): /* Only display non-empty lines */ ?>
                                        <li><?php echo htmlspecialchars(trim($instruction)); ?></li>
                                    <?php endif; ?>
                                <?php endforeach; ?>
                            </ol>
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php elseif (isset($error_fetching)): /* Display error if fetching failed */ ?>
                <p class="error"><?php echo htmlspecialchars($error_fetching); ?></p>
            <?php else: /* Display message if no recipes are found */ ?>
                <p>No recipes found. Be the first to add one!</p>
            <?php endif; ?>
        </div>
    </div>
</body>
</html>

Example Code

Related Topics