Contributor
Devjit Choudhury

New Frontend Framework for Simulator UI


Mentors
Aboobacker MK, Ayan Biswas, Samiran Konwar
Organization
CircuitVerse.org
Technologies
javascript, react, VueJS
Topics
web, react, javascript, VUE, Simulator, Frontend Framework
New Frontend Framework for Simulator UI The project focuses on replacing JqueryUI with a modern frontend framework. I have divided the coding time period into 5 Parts - 1. Decoupling the Simulator 2. Dividing into Components 3. Sate Management 4. Refactoring CSS 5. Internationalization using vue-banana-i18n I will start by decoupling the Simulator UI from the backend followed by restructuring the folder structure. Dividing the Simulator UI into small Components, replace DOM mutations with strings by conditionally rendered components. Managing the states of different components and using various powerful features of the frontend framework like Lifecycle hooks. Refactoring the styles into their respective components. A lot of work for Localization of Simulator has already been done, so integrating it with the new frontend framework.