React.js, React Native, Redux, TypeScript, Node.js, Express.js, PostgreSQL, WebSockets

• Incorporated React's reusable components and virtual DOM diffing algorithm to keep a consistent look across the application and to have a modularized codebase while enhancing performance by preventing unnecessary re-renders of components

• Utilized Typescript by creating interfaces for functional components and types for the atom tree, snapshots, atoms, selectors to enforce strict static type checking making the code easier to debug and to leverage pre-runtime type checking

• Leveraged D3.js built in methods, APIs, and flexibility to generate dynamic visualizations by creating a ranked graph and flame graph visualization that displays the rendering times of each component, showing the overall performance of the application

• Implemented Jest with React Testing Library for unit testing to ensure that the product maintains core functionality by components rendering correctly with mock functions, prop checking, and snapshot matching which prevents bugs and promotes maintainability

• Used React Hooks to reuse stateful logic without changing the component hierarchy and to have easily testable components that require less code while achieving better readability and maintainability by encapsulating side effects for increased overall efficiency

• Implemented a recursive algorithm by parsing a deeply nested React Fiber tree to obtain the properties of each fiber node needed to create a ranked graph which provides a graphical way to observe rendering times helping identify performance bottlenecks

• Utilized Recoil Core API to extract state snapshots used for inspecting, observing, and managing global Recoil state that helps visualize state changes for time traveling functionality making the developer’s application easier to debug

• Product developed under tech accelerator OS Labs (opensourcelabs.io)

TechReport | Tech Review Board

• Leveraged Redux with the observer design pattern to optimize state management by keeping a single source of truth for application data and reducing inefficient prop drilling, allowing for future scalability while preserving a maintainable and modular codebase

• Employed React Router to create a single page application by having multiple front-end routes for a seamless navigation across the application, to minimize network requests, and to improve the overall responsiveness

• Integrated Node.js with Express to leverage Node’s event loop being able to handle requests to multiple API endpoints utilizing Express’s routers and controllers to give the application an efficient way of requesting data and keeping the backend modularized

• Established PostgreSQL database to have relational data securely stored and accessible, creating a user feed with sections containing a user profile and technology while leveraging ACID compliance by having consistent updates across the entire database

• Configured Webpack and Babel by creating scripts that transpiled ES6 features to browser compatible JavaScript while decreasing the bundle file size from minification for optimizing faster load times and to maintain scalability

BeeHub | Local Businesses and Restaurant Finder

• Utilized React Native Framework to take advantage of integrated components, developer productivity with hot reload, and to have one codebase for cross-platform development allowing for efficient iterations, maintaining a responsive and performant application

• Employed OAuth to reduce security issues inherent to locally stored data, develop a serverless architecture to reduce application size, and facilitate application user experience by abstracting away account creation, login, and authorization

Recipe.io | Database for user-uploaded recipes

• Implemented React-Redux with reusable components containing the recipe instructions and ingredients and created a modal that pops out for the needed recipe information

• Integrated Node.js with Express.js to leverage Node’s event loop being able to handle requests to multiple API endpoints utilizing Express’s routers and controllers to give the application an efficient way of requesting data and keeping the backend modularized