nmbf02/smart-farming-platform

A responsive web platform built by Nathaly Michel Berroa Fermín to teach youth in Kenya about modern, sustainable farming techniques. Originally ideated by Felix Kioni & Derrick Gucema. # 🧑🏾‍🌾 Smart Farming Education Platform **Desarrollado por:** Nathaly Michel Berroa Fermín **Idea original:** Felix Kioni & Derrick Gucema **Categoría:** Agricultura & Tecnología **Tecnologías:** HTML • CSS • JavaScript • React • Next.js • Tailwind CSS --- ## 🔍 Problemática La mayoría de los jóvenes en Kenia no están familiarizados con las técnicas de agricultura inteligente. Los métodos tradicionales ya no son suficientes debido al cambio climático y a los desafíos con el uso de la tierra. Es necesaria una herramienta digital accesible que eduque sobre agricultura sostenible basada en tecnología. --- ## 🎯 Objetivo del Proyecto Crear una plataforma educativa interactiva y amigable para móviles que enseñe técnicas agrícolas modernas a estudiantes y jóvenes agricultores. --- ## 💡 Características - ✅ Botones interactivos para aprender cada técnica - ✅ Diagramas visuales e íconos explicativos - ✅ Tooltips con datos curiosos - ✅ Diseño claro y fácil de entender - ✅ Compatible con celulares, laptops y tabletas - ✅ Diálogos emergentes con explicaciones detalladas --- ## 🌾 Técnicas Agrícolas Incluidas - **Hydroponics** – Agricultura sin suelo - **Drip Irrigation** – Técnica eficiente de riego - **Vertical Farming** – Cultivo en estructuras verticales - **Organic Pest Control** – Control de plagas ecológico --- ## 🌍 Impacto - 📚 Educa a la próxima generación de agricultores - 🛡️ Apoya la seguridad alimentaria en Kenia - 🌱 Promueve la agricultura inteligente frente al clima - 💼 Inspira a los jóvenes a seguir carreras en agri-tech --- ## 🔮 Planes Futuros - 🎥 Agregar tutoriales en video - 🧩 Incluir quizzes interactivos - 🗣️ Traducir el contenido al suajili y lenguas locales - 📊 Conectarse con datos agrícolas en tiempo real --- ## 🛠️ Tecnologías Usadas - **React + Next.js** – Estructura e interactividad - **Tailwind CSS** – Estilizado y diseño responsivo - **Lucide-react** – Íconos vectoriales - **ShadCN UI** – Componentes modernos (Card, Dialog, Button, e …