Brad Morgan
Software Engineer Los Angeles, CA
adzy82@r.postjobfree.com
linkedin.com/in/bkmorgan3
github.com/bkmorgan3
TECHNICAL SKILLS
Strong: JavaScript (ES6+), ReactJS / Native, Redux, Cypress, Styled Components, TypeScript, HTML, CSS, Node Experienced: Git, Accessibility, Figma, NextJS, GraphQL, Webpack, CI CD, AWS, SQL, NoSQL, Apollo, Material UI EXPERIENCE
VRMS part of Hack For LA Fullstack Engineer - Open Source 02/23 - current
● Implement React-Hook-Form to reduce amount of re-renders while improving Error Handling and Form Validation
● Incorporate intuitive Edit icons to serve as visual indicator to show that each project’s attributes are editable
● In NodeJS backend expanded User schema in MongoDB to include an “isActive” field representing the state of each user, integrated toggle functionality in user interface with a Switch component linked to the endpoint for a single user
● Implemented Auth status check preventing unauthorized users from accessing Create route, mitigating potential security risk
● Normalize Project data at the database level ensuring clean data inserted to database and removing need to format on client Microsoft Frontend Engineer - Contract 07/22 - 06/23
● Built features and debug Components in Moray Web Framework ensuring consistent UI across all sites company-wide
● Leveraged Intersection Observer API to redefine detection logic and precisely reconfigure where sticky header ‘unstuck’
● Added Carousel slide functionality on an array of slides to loop infinitely tracked by item’s current and next index
● Animate CSS transitions through use of keyframes allowing more fine grain control of each step in animation sequence
● Utilized CSS preprocessor Sass to write modular and reusable styles facilitating consistent styling and maintainable updates
● Implemented ARIA attributes, roles, states to communicate interactive behaviors and element status to assistive technology
● Expanded Jest test suite to cover components ensuring functionality and behavior, full end-to-end testing in Cypress covering user flows and interaction across the entire library ensuring reliability and correctness of the entire framework Diamond React Engineer 08/21 - 5/22
● In React Native worked on podcast app Wondery to write code that worked seamlessly on iOS and Android devices
● Managed App-wide state with Redux, smaller scale state using Context API to separate concerns, minimize scope of state
● Integrated GraphQL with frontend components to enable seamless data synchronization and rendering using Apollo Client
● Implemented useDimensions hook to dynamically resize images proportional to screen height of user’s device
● Configured Deeplinking capability using React Native Branch to encode and decode episode data to enable item-specific content-sharing seamlessly across multiple devices, connecting desktop and mobile experiences Promenade Software Frontend Engineer - Contract 10/20 - 6/21
● Using React and Redux implemented a data management system that controlled access and permissions based on user role
● Used Redux to circumvent React’s one-way data flow of state information, allowing application state alterations at any level
● Incorporated Typescript benefiting from static typing, eliminate operations on null and undefined values, and autocomplete
● Created a Component Library based on Semantic UI and Styled Components to theme entire site and ensure a uniform feel throughout site regardless of role; used React’s API to reuse generic components yet add specific styled instances
● Implemented responsive design practices using CSS media queries and breakpoints ensuring layout and styling adapt to different screen sizes enabling optimized design while maintaining pixel-perfect accuracy Cypress-Recorder Software Engineer 9/19 - 10/20
● React app for Cypress testing framework that generates unit and integration tests based on user’s DOM interactions
● Built in React to make use of its declarative API to render each view dynamically with the updated data in each component
● Incorporated TypeScript for static type-checking to benefit from real-time error catching and interface type hints
● Used assertion library Chai and testing framework Mocha to generate code produced by user interactions on the DOM
● Styled with Sass for features including: using CSS variables, including mixins, nesting CSS elements, traditional CSS syntax EDUCATION
Indiana University Bloomington B.A.
INTERESTS
Cooking Playing bass with my band Snowboarding Enjoying a good cup of coffee Fitness Practicing Spanish