• Architected a PostgreSQL database to create and store relational data for all users, transactions, and budgets while adhering to ACID-compliancy

• Implemented third-party authentication by utilizing OAuth2.0 with Google API and Passport.js to maintain user account security

• Leveraged React Hooks to implement and simplify the process of seamlessly generating and manipulating state in different components

• Leveraged React Router to create a single page application with multiple static routes and manage state logic between reusable functional components

• Implemented TDD, including Jest and Supertest testing suite, to assess efficacy of RESTful API routes and asynchronous PostgreSQL database operations

• ​​Optimized retrieval of API data using LocalStorage caching strategies implemented through React Hooks

• Enhanced user account management with session cookies and Redux state management tools to maintain user session data

​​• Documented all React components, middleware, and backend framework, enhancing readability of code for engineers

• Utilized React functional components to manage state and render an NBA scoreboard application, updating scores in real-time

• Implemented Axios for browser-agnostic compatibility to fetch from a third-party API live scores and stats of NBA games as they were being played

• Employed Webpack for the compiling and bundling of JavaScript modules for the static rendering of files as well as consolidation of scripts and imports for optimal, browser ready code

• 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)