•Utilized React’s custom and reusable component structure and unidirectional data flow to create an interactive GUI, leveraging the virtual DOM for optimal rendering performance and maintaining scalability for future open-source contributions
•Leveraged Redux Toolkit to manage global state across components to reduce prop drilling for clean and maintainable code
•Built on Electron JS for accessible and easy to use cross-platform desktop application for both user and future contributors
•Employed React Testing Library to develop unit tests for our React components and Redux state management
•Integrated React Monaco Editor for responsive and fully functional code editor for both JavaScript and CSS
•Employed Xterm.js to create an integrated terminal with full directory access, to facilitate direct user access for CLI commands
•Utilized React Beautiful Drag and Drop to streamline UX component placement
•Styled with custom CSS and TailwindUI for dynamic, flexible UI with minimal package size
•Product developed under tech accelerator OS Labs (opensourcelabs.io)