🇲🇳 🌲 Pinecone Tutor - Mongolian Edition

Монгол оюутнуудад зориулсан програмчлал суралцах туслах / Interactive Programming Learning Assistant for Mongolian Students

Pinecone Tutor - Mongolian Edition нь Монгол оюутнуудад програмчлал суралцахад туслах зориулалттай VS Code extension юм. Програмчлалын ойлголтуудын тайлбар, диаграм, жишээ кодыг шууд editor дотроо авах боломжтой.

Pinecone Tutor is a powerful VS Code extension designed specifically for Mongolian students that transforms your coding experience into an interactive learning journey. Get instant explanations in both Mongolian and English, visual diagrams, and best practice examples for programming concepts right in your editor.

✨ Features

🔍 Smart Keyword Recognition

• Automatically recognizes programming concepts in your code
• Supports React Hooks, JavaScript async patterns, Express.js, MongoDB, Node.js, and more
• Hover over keywords to see quick previews

📚 Interactive Learning Panel

• Beautiful, responsive webview panel with comprehensive explanations
• Visual Mermaid diagrams and flowcharts for complex concepts
• Copy-to-clipboard code examples
• Best practices and tips for each concept

🎯 Multiple Ways to Learn

• Right-click context menu: Select text → "Explain Selection"
• Hover tooltips: Hover over keywords for quick info
• Sidebar browser: Browse all concepts by category
• Search functionality: Search for any concept in the panel

💡 Rich Content

• Clear, beginner-friendly explanations
• Interactive Mermaid diagrams showing process flows
• Real-world code examples with syntax highlighting
• Curated best practices and common pitfalls

🚀 Quick Start

1. Install the extension in VS Code
2. Open any code file (JavaScript, TypeScript, Python, etc.)
3. Select a programming keyword (like useEffect, async/await, router.get)
4. Right-click and choose "Explain Selection"
5. Enjoy learning! 🎓

📖 Supported Concepts

React Ecosystem

• useEffect - Side effects and lifecycle management
• useState - State management in functional components

JavaScript/ES6+

• async/await - Modern asynchronous programming
• require - Node.js module system

Backend Development

• router.get - Express.js routing patterns
• aggregation - MongoDB data processing pipelines

And many more concepts are continuously added!

🇲🇳 Mongolian-Specific Features / Монголд зориулсан онцлогууд

• Bilingual Interface - Хос хэлний интерфэйс (Mongolian + English)
• Cultural Context - Монгол соёлын орчинд тохирсон жишээнүүд
• Beginner-Friendly - Эхлэгчдэд зориулсан дэлгэрэнгүй тайлбар
• Technical Terms in English - Техникийн нэр томъёо англиар (стандарт)
• Mongolian Examples - Монгол нэрс, жишээнүүдтэй
• University Context - Их сургуулийн орчинд тохирсон (МУИС, ШУА г.м)

🎮 How to Use

Method 1: Context Menu (Recommended)

1. Highlight any programming keyword in your code
2. Right-click to open context menu
3. Select "Explain Selection"
4. The Pinecone Tutor panel opens with detailed explanation

Method 2: Hover Tooltips

1. Hover your mouse over supported keywords
2. See a quick preview with explanation
3. Click "Open in Pinecone Tutor" for full details

Method 3: Sidebar Browser

1. Open the Explorer panel in VS Code
2. Find the "Pinecone Tutor" section
3. Browse concepts by category
4. Click any concept to learn about it

Method 4: Direct Search

1. Use Cmd/Ctrl + Shift + P to open command palette
2. Type "Open Pinecone Tutor"
3. Search for any concept directly in the panel

🛠️ Extension Commands

• pinecone-tutor.openTutor - Open the Pinecone Tutor panel
• pinecone-tutor.explainSelection - Explain currently selected text
• pinecone-tutor.explainKeyword - Explain a specific keyword

🎯 Perfect for / Зориулсан хэрэглэгчид

• Монгол оюутнууд - Mongolian students learning programming
• Програмчлал эхлэгчид - Programming beginners
• Bootcamp суралцагчид - Bootcamp attendees needing quick reference
• Бие даан суралцагчид - Self-taught developers exploring new technologies
• Шинэ технологи суралцагчид - Developers learning new frameworks
• Код шалгагчид - Code reviewers understanding unfamiliar patterns

🔧 Technical Details

• Languages Supported: JavaScript, TypeScript, Python, Java, C#, C++, C
• Frameworks Covered: React, Express.js, MongoDB, Node.js
• Diagram Engine: Mermaid.js for interactive flowcharts
• Knowledge Base: Extensible and continuously updated

📋 Requirements

• VS Code version 1.102.3 or higher
• Internet connection for Mermaid diagram rendering

🐛 Known Issues

• Diagrams require internet connection to load Mermaid.js
• Currently focused on web development concepts (more coming soon!)

🗺️ Roadmap

• [ ] Python-specific concepts (Django, Flask, pandas)
• [ ] Java/Spring Boot concepts
• [ ] DevOps and deployment concepts
• [ ] Database design patterns
• [ ] Advanced React patterns
• [ ] TypeScript advanced features

🤝 Contributing

Want to add more programming concepts? We'd love your help!

1. Fork the repository
2. Add new concepts to src/knowledge-base.js
3. Include explanation, diagram, example, and best practices
4. Test with the provided examples
5. Submit a pull request

📧 Support

Having issues? Found a bug? Want to request a feature?

• Open an issue on GitHub
• Check test-examples.js for testing the extension

📜 License

This extension is released under the MIT License.

🙏 Acknowledgments

Built with ❤️ for the programming education community.

Special thanks to:

• Mermaid.js for beautiful diagrams
• VS Code extension API documentation
• The amazing developer community for inspiration

Happy Learning! 🌲✨

"The best way to learn programming is by doing it, and the second best way is by understanding it."