TRY

Food Components Gamified Module - WordPress

Food Components Explorer

Discover 7 essential food components: Carbohydrates, Proteins, Fats, Vitamins, Minerals, Fiber, and Water.

Food is made up of different components that our body needs for energy, growth, and health. Complete each level to earn XP, unlock badges, and learn about balanced nutrition!

WordPress Embed Ready - Use shortcode: [food_components_game]

Key Topics & Instructions

Rewards: Earn XP, Stars ⭐, and Badges 🏅 by completing levels with fewer mistakes and faster time.
  1. Level 1: Match food components with their functions.
  2. Level 2: Drag food items into the correct nutrient categories.
  3. Level 3: Memory game: match food component icons.
  4. Level 4: Real-life simulation: create a balanced meal and see health consequences.
WordPress Integration: This module is designed to work seamlessly within WordPress. All CSS is namespaced to avoid conflicts.
Level: 1/4
XP: 0
Stars: 0
Badges: 0 🏅
Progress

Level 1: Match Food Components with Functions

Tap one item from the left and one from the right to create a correct pair. Complete all pairs to win.

Food Components

Functions / Benefits

🧩
Tip: Carbohydrates provide energy; proteins build muscles; fats store energy; vitamins protect health.

Level 2: Drag & Drop Food Classification

Drag food items into the correct nutrient categories. Each category should have 2 correct items.

Food Items (Drag from here)

Nutrient Categories (Drop here)

Carbohydrates
Proteins
Fats
Vitamins/Minerals
Fiber-rich
🥗
Consequence: Put the wrong food in a category and you'll get nutritional imbalance (lose streak XP).

Level 3: Memory Match - Food Components

Flip cards to find matching pairs (same icon). Finish with fewer moves to earn extra stars.

Moves: 0
Matches: 0/8
🧠
Tip: Remember positions! Carbs 🍞, Protein 🍗, Fat 🧈, Vitamin 🍊, Mineral 🥛, Fiber 🥦, Water 💧, Energy ⚡

Level 4: Balanced Meal Simulation (with Consequences)

Adjust different food components to create a balanced meal. Watch energy and health change. Poor balance causes consequences!

🍞
🍗
🧈
🍊
💪
🛡️
Balanced Meal Lab 🍽️
Balanced meals → energy bubbles appear. Unbalanced meals → health declines.

Meal Components Control

Carbohydrates 🍞 40
Proteins 🍗 30
Fats 🧈 20
Vitamins/Minerals 🍊 35
Energy Level: Good
Overall Health: Good
🍎
Consequence Engine: Too much carbs = sugar crash. Too little protein = weak muscles. Balance is key!

Quick Food Components Summary

  • Carbohydrates: Main energy source (bread, rice, fruits)
  • Proteins: Build and repair tissues (meat, beans, eggs)
  • Fats: Store energy, protect organs (oil, nuts, butter)
  • Vitamins/Minerals: Protect health, support functions (fruits, vegetables)
  • Fiber: Aids digestion (whole grains, vegetables)
  • Water: Essential for all body processes
WordPress Ready: This module uses namespaced CSS (fcg- prefix) to avoid conflicts with your theme.
Scroll to Top