Sugarizer Vue.JS Core

Organisation name - Sugarlabs

Project Repo - Sugarizer

Mentors - Lionel Laské, Nikhil Mehra

About the project

The project Sugarizer Vue.JS Core involves rewriting the Core UI of Sugarizer in Vue.JS. My task was to implement five screens,i.e, First Screen, Login Screen, List View Screen, Home Screen and Settings.

Work Done

• Developing localization component using i18next internationalization framework.
• Implemented Core UI screens, an interface for Sugarizer Server API
  • First Screen
  • Login Screen
  • Home Screen
  • List View Screen
  • Settings (in progress)

Pull Requests

Belonging to project’s scope:

• Implemention of the above mentioned screens for v2
• Localization component for v2 using i18next

Beyond the project’s scope:

• Migration Guide for i18next in the activities
• Migration of measure activity’s localization to i18next
• Migration of QR code activity’s localization to i18next
• A small script to check default strings in ini files
• Designing chat activity UI

What I learnt from the project?

• The most important thing I learnt from the participating in GSoC is how open source works. Being a contributor at a FLOSS organisation I understood that running an organisation takes more efforts than coding itself. So, I want to express my gratitude towards my mentor and Sugarlabs Community.
• While working on a big project, decision making is the key. I learnt here that before taking a step forward and making any changes in code there should be a proper planning and a well-defined approach towards it.
• And ofcourse, I got the opportunity to learn about technologies newer to me and work on something that I never did before.

What were the difficulties/challenges encountered?

• The major difficulty I faced during my project was understanding the Enyo.JS code as it is a quite old framework with an okay documentation but thanks to ChatGPT it explained me most of the code I needed to understand.
• Understanding the design and implementation of the Sugarizer Core has been quite a challenge because there were minute details I needed to take care of, thanks to my mentor for regular feedbacks and clearing my doubts due to which it all went smooth.
• It was the first time I had to work on prop-event handling between a parent and child component in Vue, so at first I wasn’t sure how to implement it but after looking at some previous implementation in V2 and surfing on web I figured it out.

Future Plans

As a lot of more work needs to be done for Sugarizer V2, I would like to take part in that journey and contribute more towards the Sugarizer App.