Front-End Solution Architect
Resume:
Kim, Dong Hyeun
*********@*****.***
SUMMARY
A UI Developer specializing in Frontend development using Angular who has past experience with React js and a Certified AWS Solution Architect with 12+ years of experience in developing web application using HTML5, CSS3, JavaScript, jQuery, React, Node JS, D3.js, Express JS, Angular and JSON, Bootstrap, Java, and REST/SOAP web services.
Adept at leveraging React's props and state management to create dynamic UIs, paired with Python for robust backend solutions.
Strong design and development skills using React framework, JavaScript, and TypeScript and experience implementing Web UI backend servers.
Used higher-order functions like filter, map, and reduce for data manipulation and rendering UI components based on arrays of data.
Utilized Context API and Redux for global state management in larger applications, facilitating seamless data flow and state synchronization across components.
Extensive experience in full-stack development, specializing in leveraging the React ecosystem for front-end excellence and Python with Flask for robust back-end services.
Proficient in utilizing advanced React features such as Hooks, Context API, and Redux for state management to build dynamic, scalable, and responsive user interfaces.
Expert in integrating RESTful APIs and GraphQL endpoints created with Flask, ensuring seamless data flow and interaction between front-end and back-end layers.
Adept in employing modern development tools and methodologies, including Agile/Scrum, TDD (Test Driven Development), CI/CD pipelines, and version control with Git, to enhance collaboration and deliver high-quality software solutions.
Demonstrates a strong command of database technologies such as MySQL, PostgreSQL and MongoDB, along with proficiency in using ORM (Object-Relational Mapping) libraries for efficient database interactions.
Proficient in utilizing Babel and Webpack for efficient code compilation and bundling, ensuring optimal application performance.
Adept at managing dependencies and packages with NPM, enhancing project maintainability and ease of collaboration.
Skilled in DOM Manipulation and utilizing Next.js for server-side rendering, enabling the development of SEO-friendly, high-performance web applications.
Good Understanding of Browser Object Model (BOM), Document Object Model (DOM) and DOM Functions.
Responsible for checking cross browser compatibility, Responsive Web Design and hence worked on different browsers like Safari, Firefox, Google Chrome and Internet Explorer.
Expert in full-stack development, proficiently working with the MEAN Stack, with Angular expertise adapted to React for cutting-edge front-end development.
Worked on CSS Background, CSS Positioning, CSS Layouts, CSS Text, CSS Animations, CSS Border, CSS Text, CSS Borders, CSS Margin, CSS Padding, CSS Table, Pseudo Classes, Pseudo Elements and CSS Behaviors in CSS.
Expert in utilizing Tailwind CSS for highly customizable, low-level utility classes that enable the rapid development of unique designs without leaving the HTML.
Skilled in Bootstrap/React Bootstrap to efficiently create layout and content structures with a mobile-first approach.
Experienced in integrating Material UI into React projects to deliver cohesive, Google Material Design-inspired interfaces that enhance user interaction and engagement.
Expertise in developing applications using Node.js and React, NPM, React CLI. Used GitHub, GitLab and SVN for source code management and for version control. Extensively used various IDEs like Eclipse, Atom and Visual Studio Code.
Experience working on multi-threaded and asynchronous server development.
Strong understanding and experience building/cooperating with the back-end developer(s) in the process of building the RESTful API and communicating with external web services.
Extensive experience in UI/UX design, adept at crafting intuitive and engaging user interfaces from concept to implementation. Proficient in utilizing industry-leading design tools such as Adobe XD, Figma, Photoshop, and Illustrator to create detailed wireframes, high-fidelity prototypes, and compelling visual assets that guide and inform the development process.
Experience in using various jQuery UI controls and corresponding Event handlers etc.
Expert in mobile development & cross-browser compatibility and device capabilities. Experience in browser compatibility-based development and validation using browser simulator.
Good knowledge of Twitter Bootstrap and Responsive Design.
Experience integrating with JSON/Restful APIs and back-end services. Experience of all phases of SDLC and good knowledge of Mobile Development.
Knowledge of AWS Cloud platform and its features which includes EC2, Lambda, EKS, AMI, EBS Cloud Watch, AWS Config, Auto-scaling, IAM user management, and S3.
EDUCATION AND CERTIFICATIONS
Bachelors in finance/economics from Columbia University in the City of New York-2011
Masters in Statistics/Data science from Columbia University in the City of New York- 2018
Certified AWS Solution Architect
SKILLS
Development Practices
Component-Based Architecture, Single Page Application (SPA) development, Model-View-ViewModel (MVVM) and Model-View-Controller (MVC) patterns, Progressive Web Applications (PWA), Responsive Web Design (RWD),
Cross-Browser Compatibility, RESTful services and JSON for web API, OAuth for secure API authentication,
Two-way data binding, Dependency Injection
Front-End Technologies
Angular 16, Angular 2+, HTML5, CSS3, Sass/LESS, JavaScript (ES6+), TypeScript, RxJS, Redux, MobX, Context API, Functional Components (Hooks), Class Components, JSX, Webpack, Babel, Jest, Enzyme, React Testing Library, GraphQL, RESTful APIs, Next.js, React Router
Back-End Technologies/Frameworks
Flask (Python), Node.js, Express.js, RESTful APIs, GraphQL, JWT, OAuth
Databases
MongoDB, PostgreSQL, MySQL
Other Tools
Slack, Figma, Adobe AEM, Postman
Security Measures
Cross-Site Scripting (XSS) Prevention, Cross-Site Request Forgery (CSRF) Protection, Content Security Policy (CSP), Secure HTTP Headers
Front-End Build Tools and Package Managers
Webpack, NPM, Yarn
CI/CDI, Collaboration & Version Control
Git, GitHub, GitLab, Jenkins, Docker, Kubernetes, SVN, JIRA, Confluence, Agile Methodologies: Scrum, Kanban
EXPERIENCE
PIMCO - Irvine, CA Aug 2024 – Present
Sr. Front End Developer/UI Developer
PIMCO is a globally recognized investment management company based in California, specializing in a wide array of financial services. Known for its focus on fixed income, PIMCO offers a variety of investment strategies to help individuals and institutions manage their portfolios.
Developed an AI-powered chat service application using React.js for the frontend and Python for the backend, seamlessly integrating with Azure Cosmos DB to support users from all global branches.
Implemented Power BI Embedded to provide real-time data visualization, empowering users with analytics and insights directly within the chat interface.
Collaborated with a team of developers in adopting React Hooks and Context API for state management, improving code modularity and facilitating feature reusability across multiple projects.
Optimized application performance through lazy loading, code splitting, and caching mechanisms, resulting in a 35% reduction in page load times and enhanced user experience.
Collaborated with cross-functional teams to integrate RESTful APIs and WebSocket for real-time data synchronization between client-side chat modules and the backend AI services.
Designed and developed responsive UI components using React, Material UI, and CSS3, ensuring a consistent user experience across various devices and screen sizes.
Configured and maintained CI/CD pipelines using Microsoft Azure and Gitlab, improving deployment efficiency and reducing release times by 30%.
Conducted user behavior analytics using Power BI, iterating on UI/UX improvements based on data-driven insights, which led to a increase in user engagement and satisfaction.
Utilized Azure services including Azure Functions and Logic Apps to manage AI services, automating workflows and increasing system scalability.
Integrated JWT for secure authentication and authorization, ensuring data privacy and compliance across global branches.
Utilized use Context to handle API interactions, optimizing state management and minimizing redundant API calls.
Worked closely with UI/UX designers to implement dynamic chat functionalities triggered by user actions, improving overall interaction fluidity.
Employed Agile methodologies to collaborate with project managers and stakeholders, delivering regular updates and adapting to feedback in a fast-paced development cycle.
NJEIT (New Jersey Environment & Infrastructure Trust)) Aug 2022 – July2024
Senior Frontend Developer (UI)
Use HTML5 semantic elements (<header>, <footer>, <nav>, <section>, <article>, etc.) to structure the web application in a meaningful way. This not only enhances accessibility but also improves SEO, making it easier for search engines to understand the content structure.
Implement HTML5 form elements and attributes for user input, such as application forms for various social services. HTML5's built-in form validation features ensure that user input is correct and complete before submission, enhancing user experience and reducing server-side processing.
Implemented Angular15,16 to manage local state within components, for handling form inputs, toggling UI elements like modals/dropdowns, and storing user interaction states.
Implemented Angular Dependency Injection for performing side effects in functional components, such as fetching data, setting up subscriptions, manually changing the DOM, fetch the list of available services, user application statuses, and notifications on component mount.
Using use Ngrx Redux to manage global state like user authentication status, theme preferences, language settings, making them accessible across various components.
Also implemented React used React-Bootstrap components, allowing for more seamless integration with React applications. Leverage Bootstrap's consistent design system alongside custom CSS to create a user-friendly interface that is intuitive to navigate for DSS users.
Implemented a Redux store to hold the state of various parts of the DSS application, such as user authentication, form data for services applications, and the status of submitted applications.
Defined actions for common operations like logging in a user, submitting a service application, and fetching the list of available services. Implement reducers to handle these actions and update the state, accordingly, ensuring that state transitions are clear and predictable.
Used Fetch API for various data operations like retrieving information, submitting forms, handling notifications, and interacting with the server for any CRUD (Create, Read, Update, Delete) operations.
Besides JWTs handling authentication, implemented safeguards against Cross-Site Scripting (XSS) and Cross-Site Request Forgery (CSRF) attacks to protect the token and application integrity.
Use Redux Saga generator functions to pause and resume asynchronous tasks, making it easier to manage side effects like data fetching from APIs.
Utilize SASS/LESS to create modular and reusable style sheets, corresponding to React components, which helps in maintaining consistency and reusability across the application.
Create a Dockerfile for the React application which includes instructions for building a Docker image, specifying the base image (Node.js image for a React app), application dependencies, and the commands to run the app.
Work with DevOps team so Kubernetes allows for the deployment of containerized applications, including the React app, using YAML configuration files.
Use Node.js in conjunction with Express.js, is to develop RESTful APIs that the React front-end consumes. These APIs handle tasks such as database operations, business logic, authentication, and data validation.
Cinch Home Services - New York, NY Apr 2021 – Aug 2022
Sr and Lead. Front End Developer/UI Developer
Cinch Home Services is a Florida based home warranty company that offers three tiers of plans that cover home repair costs. When it comes to home warranties, not many companies have tried to reinvent the wheel. Cinch Home Services is trying to expand the concept of home warranties with standard plans supplemented with on-demand repair services, and a variety of plan pricing.
Implement Angular router to develop the Single Page Application (SPA). Work with modern UI design including HTML, CSS, JavaScript, responsive design and exhibit proficiency in coding in TypeScript, using JavaScript frameworks like Angular Work with REST APIs, Web Services, JSON and XML, Responsive CSS (Mobile First, Bootstrap), Semantic HTML, and HTML5 JS based languages.
Work closely with the Design team and QA team to provide optimal client-facing products while handling Interactive modules in the application using HTML5, CSS, Bootstrap, React, Typescript, and JavaScript.
Spearhead a team of 5 developers in adopting Angular Lifecycle Hooks and Context API, enhancing code maintainability and component reusability across projects.
Implement a CI/CD pipeline using Jenkins and Docker, reducing deployment times by 40% and facilitating smoother, more reliable production updates.
Conduct A/B testing and utilized analytics to guide UX/UI enhancements, improving user retention rates by 25%.
Collaborate with cross-functional teams to integrate RESTful and GraphQL APIs, ensuring seamless data flow and synchronization across client and server sides.
Develop and maintain a feature-rich e-commerce platform with React, Redux, and TypeScript, leading to a 20% increase in transaction completion rate.
Optimize web application performance through code splitting, lazy loading, and leveraging the React Profiler, improving page load times by 50%. Contribute to the creation of a company-wide component library, enhancing UI consistency and accelerating the development process for multiple teams.
Implemented responsive web design principles using CSS3 and Flexbox, ensuring optimal viewing experience across various devices and screen sizes.
Develop using Angular for efficient update and rendering capabilities, with Redux for state management, ensuring a smooth and responsive user interface.
Use Redux middleware to handle API calls to fetch device statuses, alert history, updating the Redux store with the fetched data. Store fetched data in the Redux store to minimize unnecessary API calls, improving the dashboard's performance and user experience.
Working on an Agile (Scrum) Development Team to deliver regular updates to business team and project managers.
Implement a navigation menu and sidebar with components to highlight the current active section, enhancing usability and orientation within the application.
Defined the site layout and developed Wireframes using Adobe Illustrator. Involved in development of individual Sprints with the help of GitHub. Convert the wireframes to responsive UI pages using JavaScript, MVC and various JavaScript based frameworks and third-party libraries such as jQuery, Kendo UI, etc.
Use Material UI to style interactive elements like buttons, toggles, and dropdowns, providing visual feedback to the user.
Use Git as a version control tool, Jenkins as a CI/CD tool and performed the code deployments to various environments like AWS.
Work closely with UI/UX designers to integrate dynamic content updates triggered by web hook events, improving user experience.
Perform RESTful API calls and consumed responses with React HTTP Client API service. Familiar with JSON Web Tokens (JWT) for the purpose of login authentication and authorization in a self-contained way for securely transmitting information.
Mentored junior developers on Angular best practices, Python programming, and AWS cloud architecture, enhancing team productivity and knowledge. Created animation effects during the data load, waiting for the Ajax response using jQuery. Involved in writing application-level code to interact with Restful Web APIs, Web Services using Ajax, JSON, XML and jQuery.
New York City HRA - New York, NY Feb 2020 – Apr 2021
Senior Frontend Developer
The Human Resources Administration (HRA) is the nation's largest social services agency and assists over three million low income and vulnerable New Yorkers annually through the effective and efficient administration of more than 12 major public benefits programs, which reflects this Administration's priority of addressing poverty and income inequality.
Worked mainly on migration of the existing VB dot NET based UI to Angular5. Also migrate VB dot Net based middleware to C++ based middleware with Gateway/Services
Closely working with Design team and QA testing team to provide optimal product
Developed Interactive modules in the application by usage of HTML5, CSS3, Bootstrap, Angular and JavaScript.
Developed self-contained, reusable, and testable modules and components.
Worked on developing Restful Services and Consuming them to get the JSON object and modifying the response object to display in UI.
Utilized Angular 6 concepts like Interpolation, Dependency Injection, Input Variables, Bootstrapping, NgFor, NgIf, Router Outlet, binding click events, component decorator, etc.
Used Angular 6 HTTP Request to read data from the web services and process JSON data to render in the UI
Created Directive for type ahead search functionality using RXJS and angular which can be attached to any input field.
Created Error Notification component which will serve as notification panel to display errors related to hosted components.
Extensively used Angular 6 forms to update from Template Driven forms to Reactive forms approaches.
Created Angular Components, Services, Modules, Modals, Pipes in Typescript.
Developed services and components such as Data services, Error Handler, Modal Dialog to be utilized across the appli- cation.
Extensively worked on Developing Front end code in Angular to retrieve data as JSON and displayed the well-organized result in web pages by writing Angular Component, directives, Services and route providers.
Created API using VB dot NET/C++ and consuming it Angular.
Used Angular filters for filter functionality in search box and Iterator functionalities.
Worked in an agile environment delivering output in sprints.
Extensively worked on Creating Custom Directives, Services in Angular.
Used several in built language Core directives, expressions and modules.
Tested Cross browser functionality and fixed major layout bugs for supported browsers.
Using SCRUM and Agile development methodology for management of product releases.
Attending meetings with management team to discuss and decide on feasibility of various features in the application.
Implemented a professional and production quality module system with Node.js and used Node.js for managing JavaScript packages using the npm tool.
Developed HTML views with HTML5, CSS3, JSON and Angular.
Developed Angular components such as controllers, constants, Services, filters, models.
Worked with CSS background, CSS Layouts, positioning, text, borders, margin, padding, etc.
Good knowledge on using Angular APIs like @Angular/http [For making HTTP requests], @Angular/common [Common core things including form validation], @Angular/router[Routing for our entire app].
Implemented HTTP requests using Rxjs Observable library to handle multiple values over time.
Designed the page using Bootstrap and some custom CSS.
Called the Restful web service calls for POST, PUT, DELETE and GET methods.
Developed CSS3 to style page layouts, navigation and page-loading spinner.
Extensively worked with making calls to WEB APIs to fetch the data from the back end as JSON response and parse it on the UI for DOM/CSS Manipulation with C# based services and gateways
Designed the page using Bootstrap and some custom CSS.
Good knowledge on creating services with Angular2 @injectable property, as to make the service available for dependency injection when creating components.
Designed dynamic client-side JavaScript codes to build web forms and simulate process for a web application, page navigation using Angular5.
Using NgRx store for reactive state management for Angular UI with Redux
Experienced with Java Spring Boot maintenance
Visa - New York, NY Sep 2018 – Feb 2020
UI Developer
Visa Inc. is an American multinational financial services corporation headquartered in San Francisco, California. It facilitates electronic funds transfers throughout the world, most commonly through Visa-branded credit cards, debit cards and prepaid cards. Visa is one of the world's most valuable companies.
Collaborated with the UI/UX team to translate wireframes and designs into functional user interfaces using React, ensuring a seamless and intuitive user experience. Implemented a responsive front-end architecture with React and integrated it with backend APIs developed by the team, facilitating real-time payment processing.
Utilized Redux for state management to handle complex application states and user interactions across the payment gateway.
Integrated third-party services and APIs, including Visa Direct and Visa Token Service, to enhance payment security and reduce PCI compliance burdens for merchants.
Ensured the application's compliance with security standards such as OAuth for authentication and data encryption techniques to secure sensitive user information.
Achieved a secure and compliant payment solution that passed all Visa security audits and PCI DSS compliance requirements on the first attempt.
Used Class components to leverage React's state management capabilities to track and update the payment transaction's state, including user inputs, validation errors, and transaction status.
Used Lifecycle methods such as componentDidMount and componentDidUpdate to perform operations like fetching merchant details from the backend upon component mounting and re-validating form inputs when certain state variables changed.
Used Memoization techniques and optimized state updates to further enhance performance in components responsible for rendering complex datasets, such as transaction histories and merchant details. Used React-Autocomplete for creating google map’s location search on the webpage.
Developed Class components that interact with backend services through API calls to perform tasks such as tokenizing card information, submitting payment transactions, and retrieving transaction history.
Initiated interactions within lifecycle methods and event handlers, depending on the specific requirements of each component.
Worked on React virtual DOM, React Hooks, Components, Forms, Events, Keys and React Router, Animations and Flux concept.
Worked on developing Restful Services and consuming them to get the JSON object and modifying the response object to display in UI.
Implemented error-handling mechanisms and logging features to diagnose and resolve issues related to web hook communication in financial systems.
Stayed abreast of industry regulations and security standards relevant to financial data exchange through web hooks, ensuring compliance.
Collaborated with cross-functional teams to troubleshoot and resolve issues related to financial data synchronization through web hooks.
Documented the usage and best practices of web hooks in financial applications, providing comprehensive guides for internal teams and external partners.
Contributed to the continuous improvement of the React codebase, incorporating feedback and optimizing performance for financial use cases involving web hooks.
Created Directive for type ahead search functionality using RxJS and React which can be attached to any input field.
Created Error Notification component which will serve as notification panel to display errors related to hosted components.
Extensively used React forms using Template Driven forms and Reactive forms approaches. Created React Components, Services, Modules, Modals, Pipes in Typescript. Tested Cross browser functionality and fixed major layout bugs for supported browsers.
Used SVN as source repository and for controlling versions of the code. Developed and performed unit testing, identified and fixed defects and supported defect Analysis and resolution in integrated environments. Apache Ant was used for the entire build process.
State of Indiana - Indianapolis, IN Jan 2017 - Aug 2018
Angular Developer
The Indiana Department of Transportation (INDOT) is a governmental agency of the U.S. state of Indiana charged with maintaining and regulating transportation and transportation related infrastructure such as state-owned airports, state highways and state owned canals or railroads. Indiana's "highway network" started out as a series of dirt paths, which settlers created for local travel. Most of the time, these paths did not interconnect, making travel difficult at best.
Using SCRUM and Agile development methodology for management of product releases. Attending meetings with management team to discuss and decide on feasibility of various features in the application. Implemented a professional and production quality module system with Node.js and used Node.js for managing JavaScript packages using the npm tool.
Developed HTML views with HTML5, CSS3, JSON and Angular. Developed Angular components such as controllers, constants, Services, filters, models. Used Angular Directives like ng-app, ng-model, ng-repeat, ng-show, ng-hide, ng-route etc.
Developed custom directives for reusable components used across the application.
Used Ajax effectively to create pagination and with client-side events like quick search.
Adopted a cross browser and cross platform approach to make the website more flexible and supportive.
Involved in JavaScript coding for validations and passing attributes from one screen to another.
Recommended and currently guiding the team in building out a lean, responsive UI layer utilizing Semantic HTML5, LESS, Bootstrap, Angular, and REST API architecture.
Extensively used Firebug/web kit inspector to debug UI code and handle different browser CSS issues. Debug the application using Firebug to traverse the documents and manipulated the Nodes using DOM and DOM Functions.
Development on Web application using Angular, HTML5, LESS and Bootstrap. Built pages from Photoshop mockups using JavaScript, jQuery, CSS, HTML and Angular.
Experience in Angular directives that allow the developer to specify custom and reusable HTML-like elements, attributes that define data bindings, the behavior of presentation components and DOM Manipulation.
Experience of working on CSS Preprocessors like Less along with JavaScript task runners like Grunt. Involved in Control version system like GIT. Implemented the UI using EXT JS and graphs for stats using the EXT JS graphing components.
Used Ajax calls through Angular to populate the data tables on the front-end.
Debugged the website using Chrome Developer's tools and hardcoded the API into script for getting the information about merchants using Node.js.
Performed Verification and validation process for the code written by making use of Jasmine and Karma JavaScript testing framework by testing across various scenarios of the Angular.
Thorough understanding of the differences and bugs in various browsers and browser versions.
Successfully executed all the test cases and fixed any bugs/issues identified during the test cycles.
Anthem - VA Sep 2015 - Jan 2017
JJJavaScript/UI Developer
Used Angular (Angular 2/4) to develop dynamic, single-page applications (SPAs) with real-time data binding and modular components.
Implemented performance optimization techniques, such as lazy loading, to improve the application's load times and responsiveness.
Wrote comprehensive unit and integration tests using tools like Jasmine and Karma to ensure individual components and their interactions work as expected.
Implemented a state management library like NgRx or Akita for handling application state, especially useful for complex applications with multiple data sources and user interactions.
Utilized Angular's Reactive Forms for complex form interactions, ensuring validation and state management are handled efficiently.
Used Angular's HttpClient for consuming RESTful APIs, implementing services that handle API requests and responses, with error handling and retry mechanisms.
Implemented token-based authentication using JWT (JSON Web Tokens), integrating with OAuth2 for secure access to resources and services. Used JavaScript to make asynchronous requests (AJAX) to RESTful APIs for CRUD operations (Create, Read, Update, Delete) on server-side data, relevant to insurance policies, user accounts, and claims.
Used Webpack for bundling assets, optimizing files, and minifying JavaScript and CSS to enhance application loading times.
Used task runners like Gulp or Grunt to automate and enhance their development workflows.
Before integrating APIs into the Angular application, used Postman to send requests to API endpoints and analyze the responses.
Used JMeter to simulate a large number of users accessing the Angular application's web pages and making API calls, helping in understanding how the application behaves under significant load.
Implemented caching strategies on the client-side to store frequently accessed data, reducing the number of API calls and speeding up application performance.
Used Firebug to debug JavaScript code in real time, inspecting variables, setting breakpoints, and stepping through the code to diagnose issues.
Utilized JavaScript
Contact this candidate