A time-travel debugging tool needed to develop React applications by tracking, visualizing, and reverting state changes.

Reactime was nominated for the best productivity tool in the largest React conference in the world, React summit, Amsterdam.

◆ Travelled through React Fiber nodes via a recursive algorithm to allow for the developers’ applications to differentiate React components, and to subscribe to the components’ local changes in state and add time-travelling functionality in the Reactime ecosystem.

◆ Implemented React Hooks managing individual component state with State Hooks and managing complex state management with Context and Reducer hooks to create reusable application wide state removing any external dependencies for managing state.

◆ Used Context API to globally manage state in the application by establishing a store and allowing for a single source of truth, allowed actions to be dispatched to the store’s API to update time-travelling viewer with replicable and predictable updates in local state.

◆ Employed Jest for both unit and server testing to ensure the application’s integrity & functionality - validating expected outputs and expediting the integration of refactored code, minimize the debugging of new features, and package functionality for engineers.

◆ Engineered D3 graph visualization tool to integrate a responsive symmetrical and space optimizing node-free graph layout algorithm with drag and zoom functionality. Stabilized hovering on each node to provide developers increased detail resolution about updated state.

◆ Leveraged Chrome runtime API to enable communication between the application runtime and Chrome developer tools.

◆ Utilized scrum methodologies and sprints to facilitate team communication and reduce cycle time of new feature implementation.

A fullstack application that makes it easier for users to find buildings complaints throughout NYC.

◆ Dynamically imported React components for users by leveraging compositional patterns in order to render wrapped elements with higher-order components (HOC) and children props allowing for reusable component logic to maintain DRY principles without side-effects

◆ Implemented Oauth 2.0 with Google to serve pages via user-facing Gmail authentication, providing familiar and easy login system for users and neutralizing the security risks of storing password hashes and improving the login UX by styling with React Google Login package.

◆ Used Node.js and Express.js to route HTTP requests to correct server endpoints, modularizing authentication process and catching errors.

◆ Created React component to dynamically render SQL queries inputted by the user, allowing modular displays of query history on the DOM.

◆ Engineered an SQL database to leverage consistency and strict relational Schemas to store historical record of users previous SQL queries.

◆ Built Express server to concurrently handle HTTP requests to multiple RESTful API endpoints, scripting routers and controllers to utilize a chain of responsibility design pattern and create loosely-coupled middleware to manipulate and respond to an HTTP request object.

◆ Organized Webpack to bundle application files for uglified and minified code and deployment with a proxy and Hot Module Reloading for dynamic development and debugging.