Simplicity

Inspiration

Have you ever gone to start a new assignment or learn a new coding framework but felt like you were missing gaps from prior knowledge that you saw years ago? How about trying to follow YouTube videos and not being sure if they are covering the correct part of the topic? This VS Code extension allows you to take any assignments, and then provides all knowledge needed to fill in the gaps and completely understand the assignment. No more wondering if you are missing required prior knowledge or unnecessarily complicated YouTube videos, learn exactly what you need through practice tailored directly to your necessities.

What it does

Simplicity is an intelligent, project-based learning platform built directly into Visual Studio Code. It allows users to automatically generate tailored, hands-on learning plans for various programming languages. These learning plans focus on milestone-driven progress, with each step presented as a commented-out instructional guide within a generated playground file. Simplicity helps developers quickly ramp up on new languages or deepen their expertise by guiding them through real-world projects without ever leaving their coding environment.

How we built it

We built Simplicity using TypeScript and integrated it as a VS Code extension. The extension interacts with the GROQ SDK to fetch dynamic learning content via the LLaMA 3 large language model, which generates comprehensive, language-specific milestones and instructional comments. We implemented file handling, workspace management, and automated content generation through the VS Code API, ensuring seamless integration with the developer’s workflow. The extension also dynamically comments out all instructional content to prevent code execution errors, utilizing specific syntax for any programming language.

Challenges we ran into

A key challenge was efficiently managing workspace folders and file creation within the VS Code environment. Handling the creation of files in various languages while ensuring no raw code would lead to execution errors required carefully designing how comments were inserted based on language syntax. The prompt does not need to specify a language, but if one is specified the entire environment shifts around that language. Additionally, integrating the GROQ API for dynamic content generation while maintaining performance and responsiveness within the IDE was challenging, especially with rate limits and token size constraints in the model responses.

Accomplishments that we're proud of

We’re proud of successfully embedding a powerful learning tool directly into the VS Code ecosystem, enabling real-time, interactive project-based learning without leaving the editor. The seamless integration of the GROQ API and the efficient handling of multi-language support in a single extension is a major technical accomplishment. We also managed to optimize the extension’s performance to ensure minimal overhead on the developer’s environment, making it both practical and easy to use.

What we learned

Through this project, we deepened our knowledge of the VS Code API, particularly in managing workspaces, files, and dynamically generated content. We gained experience with API rate limiting and learned best practices for leveraging large language models in real-time developer tools. Additionally, we learned how to make project-based learning more intuitive and developer-friendly by focusing on automated content generation that respects the user's coding workflow.

What's next for Simplicity

Next, we plan to extend Simplicity’s functionality by introducing collaborative learning environments where multiple users can generate shared learning plans. We aim to enhance the generated content by integrating more detailed project blueprints, covering advanced programming paradigms such as concurrency, distributed systems, and machine learning. We also plan to incorporate more granular control over milestones, allowing users to set learning objectives based on specific technologies or frameworks.