Angel Vega Email and Phone Number

Formerly part of Square Root, acquired by CDK 🎉➢ Developed new features for and maintained existing functionality of a complex SaaS platform utilizing Javascript, Typescript, and Ruby with React, Redux, AngularJS, Rails, Node, Express, MySql, and Postgres.➢ Architected and wrote new features while maintaining existing functionality of an application with a React and Redux front end and complex Ruby on Rails back end to retrieve, manipulate, and display data from multiple sources in endless scrolling style data visualization tables.➢ Designed and built a new Ruby on Rails API service to receive requests and send data reflecting real-time user activity to multiple React client side applications for dynamic UI visualizations and features.➢ Built a client side Javascript REST API to request and receive complex data packets from a rails API, process this data, and respond to AJAX requests for the processed data from multiple other client side applications.➢ Refactored a Typescript data retrieval REST API to receive and transform bulk JSON payload requests and send bulk JSON responses, while creating modular, maintainable, well-tested code.➢ Created a custom React component library of data visualizations, with default and customizable styling options, privately hosted on NPM and connected to a JFrog archive to provide a consistent experience across the platform.➢ Worked with the UX design team to create responsive, mobile-friendly, and performant features using SCSS, Bootstrap, Emotion, and Material UI. ➢ Refactored client side legacy code from AngularJS to modern React architecture, leveraging Material UI components for faster development.➢ Wrote and maintained a unit testing 80% coverage minimum across several repositories using tools such as Jest, Enzyme, React Test Utils, and Rspec.

➢ Engineered a React front-end leveraging the library’s reusable, dynamic components to create a unified yet unique view for resident and manager accounts within the same lightweight SPA, while making use of React’s Virtual DOM to provide real-time page updates to the chat feature. ➢ Incorporated React-Router to allow for simulated page switching between payment, chat, and calendar features via client-side routing, thereby eliminating the need for routes on the Express server, maintaining the low render rates of a SPA, and decreasing loading times of in-app links.➢ Employed Redux with Thunk middleware to create an immutable state management system, based on Observer pattern and MVC design principles, that is able to update the store with data obtained through asynchronous API calls to the Node.js/Express back-end.➢ Equipped the application with Webpack in order to reduce loading times in the browser through script bundling, minification, and uglification.➢ Developed with a SQL database to store data with the benefit of data normalization through the separation of payment transaction and user tables, and the increased security gained through the atomicity and consistency of ACID compliance when handling payment transactions.

➣ Leveraged React Hooks to create simple, easily minified, stateful functional components in order to build a user profile and profile editing form UI out of reusable logic, while grouping together the subsequent Axios API calls and update-based rerendering with the Effects Hook.➣ Applied React’s Context API to replace the need for prop drilling authenticated user data to deeply nested components by providing global access.➣ Employed Styled Components to improve development workflow by containing all UI concerns within a component, thereby achieving complete front-end modularity and consistency across the application while still maintaining separation of styling and element architecture.

➣ Developed with Node.js/Express for its non-blocking capacity to build a server and middleware able to handle all concurrent client routing, HTTP/API calls, and connections to the SQL database with advanced security features made possible with access to the NPM module community.➣ Integrated Google OAuth 2.0 through the use of the Passport.js library, creating custom middleware connected to the SQL database, to increase user retention rates by minimizing steps in the sign-up process.➣ Constructed middleware with bCrypt to provide password protection through ‘salting’ (the concatenation of a randomly generated series of bytes, aka ‘salt’ to the plaintext password) and processing the salted password through a hashing algorithm a specified number of times before storage in the SQL database, thus providing a safe and secure login alternative for users who choose to opt out of the O-Auth process.

➢ Implemented Apache Kafka and Zookeeper to create both Amazon Web Services Elastic Cloud Computing (EC2) and locally hosted Kafka clusters to test the performance of the application at a production level and ensure low latency when receiving and processing data at scale.➢ Utilized Kafka-node client to design middleware capable of asynchronous data fetching from the Apache Kafka API suite, which then processes and repackages the data before streaming it back to the front-end for dynamic text and chart based data visualization purposes.➢ Developed with React library to create reusable, dynamic components to create a streamlined display of a variable number of Kafka brokers, topics, and partitions while reducing DOM render times for the large streams of cluster data through React’s Virtual DOM diffing algorithm.➢ Implemented React-Router to provide a multi-view experience for a native desktop app while maintaining the low render rates of a single page application through client-side routing, minimization of server calls, and elimination of page refreshing.➢Architected with Electron to create a cross-OS compatible desktop application that leverages the low latency gained when sending real-time Kafka cluster metadata and messages to the front-end through the Node.js event emitter class via icpMain and icpRender methods. ➢ Wrote and maintained Jest middleware testing and Enzyme front-end testing with Travis-CI to facilitate frequent, incremental codebase merging, and establish a means of faster, localized debugging which protects against incompatible merges in a production environment.➢ Incorporated Webpack in conjunction with Babel to uglify and minify application bundle, reduce file size, and enable faster content loading; while also improving developer experience through Hot Module Replacement and usage of JavaScript ES6+ syntax.