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.