• Leveraged Chrome Developer Tool’s API to interact with Three.js canvas draw-call methods providing debugging capabilities and preserving a consistent workflow allowing the tool to deliver a real-time view of how a Three.js developer’s code renders

• Cocreated background JavaScript script files to be injected into the browser that would intercept any dispatched custom events made by Three.js to operate additional functionality and prepare for future manipulation by the developer tool

• Utilized React to design an intuitive and dynamic user interface that relies upon a wide array of stateful, reusable components to reflect live manipulations and attributes being rendered to a scene

• Applied React hooks to precisely handle state changes in child components while also utilizing life-cycle features to immediately fetch data upon page load for minimized rendering without compromising scalability and increasing efficiency

• Implemented functionality to achieve event-driven re-rendering of individual workflow nodes by storing the execution state of functions in React to provide a real-time visual representation of attributes for specific meshes displayed in a scene

• Implemented TypeScript to enforce strongly typed declarations preventing type errors prior to runtime, ensuring product scalability and smooth collaboration within a complex codebase that contains many interwoven relationships

• Accelerated under OS Labs

• Cloned an existing PostgreSQL database by iterating over the schema for initial entities, sanitizing unwanted data tables, exporting a csv containing the necessary user data, and importing it into a replica database allowing for more efficient use of user data

• Redesigned the user profile interface by following the Goal Directed Design method and understanding users’ needs and behaviors making it simpler to navigate through the application and logout of accounts properly

• Leveraged React Testing Library to write unit tests, facilitating the integration of future additional features and mitigating the probability of any forthcoming faulty logic

• Implemented OAuth for user authorization through LinkedIn and incorporated server-side validation middleware logic to authenticate, set, or delete user session tokens and cookies to ensure optimal security

• Designed reusable React/SCSS component modules to display user-inputted data fetched utilizing React hooks, onto Next.js web-front pages

• Wrapped the SPA with Redux/Redux-Toolkit to simplify creating actions, mutating state, and easily declaring maintainable initial state

• Designed a local serverless SQLite database for lightweight relational storage to ensure client data availability and mitigate network downtime

• Separated Next.js web server from the Node.js backend API server achieving more capacity and enabling the usage of future API servers to be added behind load balancers, ultimately preventing any server from overworking, and allowing for scalability to millions of users

• Architected Node.js/Express server to efficiently receive PUT requests from a Chatbot, archiving resources, and utilizing the middleware design pattern and controllers to modularize and serialize backend logic

• Built a NoSQL(MongoDB) database that handled fluid and flexible data models to allow for a more dynamic and scalable application mitigating the risk of downtime and data duplication

• Designed a React web front end client that requests resource data from the API server to display resources on reusable components while being able to filter list views and allows for categorizing, deleting, and upvoting existing resources

• Practiced test-driven development utilizing Jest to build unit and end-to-end tests to ensure API endpoints behave properly while also safeguarding application functionality from any future updates