Johnny Arroyo Email and Phone Number

VSCode extension to visualizes the component tree of React applications as an aid in migrating codebases to React’s Server Component paradigm. ● Established a combination of ReactFlow v11 and D3.hierarchy libraries for fine tune styling of hierarchical data, displaying component tree & providing clear insights of user’s React application structure to aid in user analysis of application. ● Set up Babel/Parser v7 library to extract Abstract Syntax Tree from selected files, laying a crucial foundation for the visualization of the parsed data as a component tree. ● Automated testing with Jest through Azure DevOps, leveraging TypeScript across the codebase to improve code quality and streamline workflow e ciency. ● Advanced product goals within a Scrum/Agile framework by participating in daily stand-ups, conducting code reviews, planning sprints, collaborating through pair programming, documenting code, and contributing to design discussions

Social connection platform for pickup game sports ● Leveraged MongoDB’s flexible data storage capabilities to manage diverse data sets, including user profiles, game statistics, and geospatial information, facilitating data accessibility and feature-rich application development. ● Integrated Google Maps API for address validation, geocoding, and map visualization to ensure accurate user input and streamline location-based interactions with a secure, feature-rich interface. ● Took advantage of Express.js’ lightweight and customizable nature to develop middleware functions and streamline the organization of API routes, enhancing application performance and scalability. ● Customized Styled-Components to enforce a clear and modular code architecture, utilizing SASS features for visual consistency and component reusability, ensuring maintainability and scalability of the project's frontend design.

Auction-based e-commerce site ● Deployed AWS S3 Buckets to store thousands of images critical for an e-commerce platform, capitalizing on the high scalability and reliable performance. ● Architected SQL database, optimizing the storage of auction items, processing of bids, and management of user data through relational models to ensure seamless data integrity and transactional accuracy. ● Engineered UI with React v18, modularizing duplicate features and implementing conditional rendering to enhance user responsiveness.

Tracker for relationships, factions, and characters from various media (e.g. Books, Movies, TV) ● Harnessed NIVO library to build an intricate network graph that displays characters as nodes, groups characters by factions, and connects characters and factions based on positive or negative relationships.