Context: WIL placement served as a transformative journey for my technical skill development, with a particular emphasis on Vue.js. This experience was closely aligned with my major in Software Development, providing a hands-on opportunity to hone my skills in a professional setting.

Actions: The project was built on Vue.js, a JavaScript framework renowned for its versatility in building interactive web applications. My responsibilities included creating a visual representation of complex rocket assembly artifacts, including tree-like structures, interactive pan and zoom controls, expand and collapse tree, and the ability to mark node and find roots of components.

Result: The journey of mastering Vue.js was both challenging and rewarding. Through dedicated effort and continuous learning, I became proficient in Vue.js, harnessing its capabilities to craft intuitive and responsive user interfaces. This technical skill development was a direct result of my practical application of Vue.js in a real-world project, and it significantly bolstered my ability to contribute to the Chainmail Component TreeChart. Through this experience, I also achieved significant growth in my frontend technical skills:

Vue.js Proficiency: acquired in-depth knowledge of Vue.js, mastering its component-based architecture, reactivity system, and state management capabilities. This proficiency allowed me to easily design and implement complex user interface elements.

D3: decided to choose it for Tree Chart as it’s the largest library for data driven visualization on the web. D3.js provided the basic framework to create visualization of the tree chart. I learned to leverage D3's powerful features for rendering dynamic and interactive graphics.

Learning: This experience expanded the depth and breadth of my frontend technical skills. It emphasized the importance of staying current with emerging technologies and continuously upskilling. I developed a newfound appreciation for the seamless integration of Vue.js, TypeScript, and D3.js to create visually compelling and functional user interfaces. Furthermore, I realized that such technical proficiency is invaluable in my pursuit of a career in software development, particularly in my major of Software Development in my master's program. This experience demonstrated that a strong foundation in frontend development is a cornerstone for building innovative and user-centric software solutions in any domain.

My journey with Vue.js was not only a technical development but also a testament to the power of practical experience. It solidified my belief in the effectiveness of hands-on learning. I successfully applied this learning to the Chainmail Component TreeChart project, contributing to its success