tilda~sudo:

tilda~sudo: "where man meets buddy"

Comment

Inspiration

Our inspiration starts when we first use Linux Commands. We were struggling to learn how to use and get used to the terminal, from simple commands to understanding the logic behind it all. The process felt confusing and intimidating, so it sparked the idea behind tilda and sudo - where the man meets buddy. They are the two friendly assistants designed to make learning the command line easier and more approachable.

What it does

Tilda helps you tracking your coding activity, display history, monitor your learning progress and stay productive. Tilda is also powered by Gemini to let you asking coding questions directly like a tutor. You can also keep your health in check by posture reminder from tilda too sit up straights.

The other twin - sudo focuses on learning the Linux terminal. Sudo can guide you through a tutorial and study like a quiz. It is also your dictionary friend when you forget your command line while working

How we built it

We used Webview from VS Code Extension with React and Vite to build the interface. We also used Flask for authentication to track the coding progress and to ask Gemini questions. These are to store and track sessions. PostgreSQL can help us store that data session.

Challenges we ran into

Working with WebView in VS Code is more difficult than expected. It also has some conflicts with Tailwind, which we couldn’t utilize its functionalities.

Flask with API calls to Gemini was not too difficult to implement, but the much more difficult portion was connecting between the extension and backend, ensuring prompts are given to Gemini, and that the response is received by the extension to display for the user. Our unfamiliarity with WebView was the main blocker in this case

Accomplishments that we're proud of

We are proud that we brought Tilda and Sudo to life as two cute companions who make coding more fun and less scary. We managed to build a working VS Code extension with React and Vite, connect it to a Flask backend with PostgreSQL, and even add Gemini as a study buddy inside the editor. We also figured out how to track user sessions and create a chatbot to help with learning, all while working with tools that were new to us.

What we learned

Working with WebView in VSCode Extension is not easy at all. It is also not really stable where it can crash multiple times while reloading the interface.

We learned a lot about React + Vite, PostgreSQL, Flask and Gemini API where we don’t have many experiences before

What's next for tilda-sudo

Improve the UI Design as we implemented in the first stage in Figma. Integrate the Pomodoro clock to help users improve productivity. Animate Tilda and Sudo so we can interact with. Add friends feature so users can be motivated to study together.

Built With

Share this project:

Updates