Spaces:
Sleeping
Sleeping
| title: LearnFlow | |
| emoji: π | |
| colorFrom: red | |
| colorTo: red | |
| sdk: gradio | |
| sdk_version: 5.33.1 | |
| app_file: app.py | |
| pinned: true | |
| license: mit | |
| short_description: Imagine having a smart educational guide right at your side. | |
| tags: [agent-demo-track, sambanova] | |
| # π₯ [Watch the LearnFlow Usecase Video](https://youtu.be/2UTir0MX0kU) | |
|  | |
| # π LearnFlow Agent | |
| ### Your Smart Educational Guide for Personalized Learning Paths π§ π | |
| ## π― What is LearnFlow Agent? | |
| **LearnFlow Agent** is an intelligent, conversational tool that helps you figure out *what to learn next* β tailored precisely to your **age**, **background**, and **interests**. | |
| Powered by advanced language models and a sleek Gradio interface, it delivers a **personalized study roadmap**, helpful explanations, beginner resources, and even custom questions to test your understanding. | |
| ## π Key Objectives | |
| LearnFlow Agent is built to **empower learners** by: | |
| * π **Creating Personalized Learning Plans** | |
| Customized to match your educational background and interests. | |
| * π§ **Clarifying Why It Matters** | |
| Get a clear reason behind every suggested topic and how it helps *you*. | |
| * π **Recommending Actionable Resources** | |
| Handpicked beginner-friendly content like courses, videos, and books. | |
| * π§© **Ensuring You Understand** | |
| Test yourself with grasp-check questions based on your learning path. | |
| ## π What You Get | |
| ### πΊοΈ **Personalized Study Workflow** | |
| Generates a structured roadmap (`study_workflow`) with 3β5 main topics and their subtopics, progressing from beginner β advanced. | |
| ### π§ **Meaningful Reasoning + Outcomes** | |
| Clearly explains: | |
| * Why this learning path fits *you* | |
| * What youβll be able to do after completing it | |
| ### π **Beginner-Friendly Resources** | |
| Includes 2β3 handpicked materials (YouTube, MOOCs, docs) to help you get started confidently. | |
| ### β **Grasp Check Questions** | |
| Provides 5β10 custom questions to assess your comprehension along the way. | |
| ### π **Visual Mermaid Diagram** | |
| Automatically turns your learning roadmap into an interactive diagram for visual learners. | |
| ## π Integrations & Stack | |
| | Component | Description | | |
| | -------------------------- | ----------------------------------------------------------------------- | | |
| | π§ **Language Model** | Uses models like `Meta-Llama-3.1-405B-Instruct` to generate responses | | |
| | π§± **Pydantic Validation** | Enforces JSON structure for consistency using `StudyPlan`, `GraspCheck` | | |
| | π‘ **Gradio Interface** | Simple, modern UI for input/output, diagrams, and feedback | | |
| | π **MermaidJS** | Converts study workflows into clear visual diagrams | | |
| ## π How It Works | |
| ### 1οΈβ£ User Input | |
| You enter your **age**, **background**, and **interests** via a friendly Gradio form. | |
| ### 2οΈβ£ Study Plan Generation | |
| A powerful LLM processes your input and returns: | |
| * A detailed **study\_workflow** | |
| * A tailored **reason** and **expected outcome** | |
| * Curated **resources** | |
| ### 3οΈβ£ Visual Diagram | |
| The study plan is rendered as a clean **Mermaid diagram** to help you visualize your learning journey. | |
| ### 4οΈβ£ Feedback Loop | |
| Want changes? Provide feedback and get an updated plan instantly. | |
| ### 5οΈβ£ Resources & Comprehension | |
| Alongside your study path, receive: | |
| * π Beginner resources | |
| * β Smart grasp-check questions to reinforce your learning | |
| --- | |
| ## π‘ Example Outputs | |
| * π **Study Workflow:** `"Python Basics β NumPy β Pandas β Visualization"` | |
| * π¬ **Reason:** βThis path introduces you to practical tools for data analysis using your interest in numbers.β | |
| * π― **Outcome:** βBy the end, you'll be able to clean, analyze, and visualize real datasets using Python.β | |
| * π **Resources:** CS50, freeCodeCamp, Kaggle | |
| * β **Questions:** What is a DataFrame? What does `axis=1` mean in Pandas? | |
| --- | |
| ## π€ Who Is This For? | |
| Whether you're: | |
| * A **student** exploring tech, | |
| * A **career switcher** entering data or programming, | |
| * A **hobbyist** wanting structure in your learning journey⦠| |
| **LearnFlow Agent** is here to guide you with confidence and clarity. π | |
| ## π§ͺ Future Features (Coming Soon!) | |
| * π Multi-language support | |
| * π§βπ« Tutor Mode with progress tracking | |
| * π Resource bookmark sync | |
| * π§ AI-powered concept explanation on hover | |
| * | |
| ## π οΈ Tech Stack | |
| * `Python` + `Gradio` + `Pydantic` | |
| * `OpenAI` + `SambaNova` | |
| * `MermaidJS` for diagrams | |
| ## π License | |
| MIT License | |
| ## π Contribute | |
| Have ideas? Found a bug? PRs and feedback are welcome. Let's build better learning tools together. π€ | |