User Interface Front End
Resume:
Nuthan
******.******@*****.***
Professional Summary:
●Around 10+ Years of progressive experience in all phases of the software development life cycle including requirements analysis, applications design, development, Integration, maintenance, and testing of various client/server, N-tier, and web applications.
●Experienced as a User Interface/Front End Developer in developing applications using HTML/HTML5, CSS/CSS3, JavaScript, Bootstrap, ReactJS, Redux, AngularJS, VueJS, Vuex, NextJS, DOM, jQuery, GraphQL, LESS, Ajax and JSON.
●Designed and implemented prototype user interfaces using modern front-end frameworks such as React JS and Angular, ensuring usability, responsiveness, and accessibility.
●Proficient in developing micro frontend services architecture, enabling the creation of independently deployable and scalable front-end modules that seamlessly integrate into a cohesive user interface.
●Expertise in building strong websites confirming Web 2.0 standards using AngularJS Framework & CSS-Bootstrap to develop valid code and table-free sites.
●4 years of designing experience using tools such as Adobe Photoshop, Adobe Illustrator, and Creative Suite.
●Expert in HTML5/CSS3 development and have experience in VueJS, React, Angular, BackboneJS, RequireJS, NodeJS, and Responsive design.
●Maintain and make changes to the exam portal website under Laravel MVC framework, using PHP, MySQL, HTML, CSS and JavaScript.
●Extensive experience in implementing the AJAX features using JavaScript and jQuery.
●Significant experience in web development tools like Adobe Dreamweaver CS3, Eclipse, and Firebug.
●Hands-on experience implementing AJAX calls for a better web-based User interface and using AJAX to GET, POST, DELETE, and PUT the data from the server asynchronously by using Restful APIs for JSON objects as per the requirements of data integration and data manipulation.
●Created tutorials and documentation for D3.js visualizations to aid in knowledge sharing and onboarding new team members.
●Good knowledge of Google Analytics and experience analyzing various reports.
●Experienced in developing web applications by supporting Accessibility (508, WCAG) guidelines and Internationalization.
●Configured deployment packages for web applications, ensuring consistency and reliability across different environments (development, staging, production).
●Utilized package management tools (yarn, npm) to manage dependencies and streamline development workflows within the workspace.
●Assisted and collaborated with DevOps engineers to configure and deploy pipelines, CI/CD workflows, and infrastructure as code (IaC) templates using tools like Jenkins, and GitLab CI/CD.
●Experience with creating and reviewing UI design specifications, developing prototypes, and conducting usability tests.
●Utilized REST and SOAP web services for data communications.
●Integrated GraphQL queries using Gatsby to fetch the data from multiple sources.
●Experienced in breaking up layered PSDs into HTML using CSS.
●Extensive experience in visualization, creating visual designs, Product Logos, developing high-quality work, maintaining team, and design reviews.
●Excellent Graphic design and Logo design skills including Web and Print Media.
●Experience in UNIT/E2E/ Integration testing frameworks like Jest, Jasmine, Karma, Mocha, and Chai.
●Created dynamic charts, graphs, and dashboards with D3.js to support data-driven decision-making.
●Experience with Version Control tools like TFS, GitHub, and SVN for Source Code version management and merging Source code after intermittent Project releases.
●Experience in Agile methodologies such as Extreme Programming, Waterfall Model, and Test-Driven Development.
Technical Skills:
Web Technologies:
HTML/HTML5, CSS2/CSS3, DHTML, XML, XHTML, JavaScript, AJAX, JSON, Flask, Python, Yarn, NPM, Lerna.
JavaScript Libraries:
jQuery, BackboneJS, NodeJS, ReactJS, Redux, VueJS, AngularJS, TypeScript, NextJS, D3JS, BashShell Scripting, MirageJS, Grommet, GraphQL
IDE’s and Developer Tools:
VSCode, Eclipse, NetBeans, Adobe Creative Cloud suite, Notepad++, SDLC Waterfall, Agile Rally, JIRA
Debugging Tools:
Firebug, BugZilla, Chrome Inspector
Databases:
PL/SQL (Oracle), MySQL, MSSQL
Servers:
Apache Tomcat Server, IIS, Nginx, Docker
Operating System:
Windows 10/11, MAC OS, Ubuntu, LINUX, UNIX
Employment History:
Client: BCBS, FL Aug 2022 - Present
Role: Senior Vue/UI Developer
Responsibilities:
●Implemented UI Sign-in page to enable both Apple Connect login and Third-Party login.
●Created projects using the Vite build tool to bundle VueJS applications.
●Used NGRX, DI concepts for fetching API data to UI, Used Reactive forms.
●Migrated Vue 2 Projects to Vue 3 by refactoring Vue components to use
●new features and Composition API.
●Developed and maintained RESTful APIs using Node.js to support dynamic, responsive front-end applications.
●Developed interactive data visualizations using D3.js to represent complex data sets clearly and concisely.
●Developed all the UI pages using HTML5, XSL/XSLT, XHTML, CSS3, JSON, JavaScript, VueJS, Ajax
●Implemented various components like global search with dynamic tabs, Filterpane with Sorting, and Welcome banners using Vue-kit-next.
●Collaborated closely with UX/UI designers and back-end developers to translate design mockups and API specifications into fully functional Vue 3 applications.
●Developed Laravel-based Dashboard application's login page integrating Laravel framework's authentication.
●Designed and implemented GraphQL schemas and resolvers to efficiently fetch and manipulate data for dynamic user interfaces.
●Developed complex NoSQL queries to support multi-dimensional data exploration and visualization within user interfaces.
●Utilized GraphQL to interact with Microservices, reducing data over-fetching and improving UI performance.
●Created data visualization dashboards to display results and optimization metrics from Knapsack problem solvers, using libraries like D3.js or Chart.js.
●Developed custom TypeScript type definitions for complex data structures and external APIs, improving code clarity and reducing integration issues.
●Implemented dynamic routing and API routes in Next.js to create flexible, scalable web applications with clean URL structures.
●Conducted unit testing and end-to-end testing of Vue 3 applications using Jest and Cypress, ensuring code reliability and application functionality.
●Implemented data-binding techniques in D3.js to efficiently manage updates and transitions in visualizations.
●Developed real-time web applications using Node.js and WebSocket, providing live updates and interactive user experiences.
●Developed the User Interactive web pages in a professional manner using web technologies like HTML, XHTML, and CSS as per company’s standards.
●Used Mocha and Chai assertion libraries with Selenium to perform end-to-end tests.
●Created Master Pages, and CSS Stylesheets and Integrated them into Silver Light and got approval from Business Stakeholders.
●Used NPM commands to mix the CSS and JAVASCRIPT files in Laravel.
●Designed and implemented the User Interface using JavaScript, HTML, XHTML, XML, CSS, and AJAX.
●Created and maintained the framework and layout of each portal with Cascading Style Sheets (CSS).
●Implemented advanced NoSQL database features like document versioning and change streams to support real-time updates and notifications in the UI.
●Developed dynamic form generation using GraphQL introspection, allowing for adaptable UI elements based on schema changes.
●Integrated Vue 3 with back-end services and APIs utilizing libraries like Axios to facilitate data fetching and manipulation in Vue components.
●Developed TypeScript-based UI components with built-in accessibility features, ensuring compliance with accessibility standards and guidelines.
●Provided technical expertise and guidance to deployment teams during configuration and deployment activities, ensuring successful and smooth deployments of web applications using Rio and GitLab CI/CD.
●Implemented authentication and authorization in Next.js applications using JWT and session management techniques.
●Worked with various D3.js layout algorithms to create network diagrams, tree maps, and force-directed graphs.
●Developed Microservices using Node.js to support modular and scalable front-end architectures.
●Utilized Vue Router and Vuex in Vue 3 applications for efficient client-side routing and state management, enabling complex application workflows and data synchronization.
Environment: HTML 4/5, CSS2/3, JavaScript, jQuery, ReactJS, D3.js, Redux, GraphQL, VueJS, Microservices, TypeScript, BackboneJS, Laravel framework, NodeJS, AJAX, JSON, XML, JSP, NoSQL, Adobe Photoshop CS5, Jenkins, Git, BitBucket.
Client: Cisco, San Jose, CA Apr 2020 – July 2022
Role: VueJS/UI Developer
Responsibilities:
●Responsible for developing Responsive Web Design of web pages using HTML5, CSS3, JavaScript, ES6, jQuery, ReactJS framework.
●Integrated various components like Sidebars, Accordions, File Uploaders, Tables, Interactive Tooltips, and Error Banners.
●Utilized D3.js for creating responsive visualizations that adapt to various screen sizes and devices.
●Used Redux to asynchronously launch Redux actions in response to async code.
●Responsible for setting up the VueJS framework for UI development. Developed html views with HTML5, CSS3, JSON and VueJS.
●Developed automated tests for TypeScript components using testing frameworks such as Jest, ensuring the reliability and stability of the UI.
●Involved in the Enhancement of existing applications utilizing VueJS, created an HTML navigation menu that is role-based wherein menu items change dynamically.
●Developed dynamic UI components that interact with NoSQL databases, providing users with real-time data and interactive experiences.
●Designed a REST API service based on PHP MVC Framework (Laravel) to support Mobile and Desktop applications
●Implemented GraphQL federation to enable a unified API gateway across multiple Microservices, enhancing scalability and maintainability.
●Developed custom Next.js plugins and components to extend functionality and meet specific project requirements.
●Responsible for developing Responsive reusable components for the application using HTML5, CSS3, JavaScript, ES6/7, VueJS, Vuex.
●Worked with Vue JS on the front end and consumed data from the JAVA backend.
●Used Vue3 version for the UI Development.
●Used NodeJS as a proxy to interact with Rest services and also interacting with Database.
●Extensively used HTML5 for audio and video playback.
●Implemented JWT for secure communication between the front-end and Microservices, ensuring data integrity and authentication.
●Implemented form validations using JavaScript Regular Expressions (Regex).
●Implemented interactive features in D3.js visualizations such as tooltips, zooming, and panning.
●Defined and developed the application’s presentation layer using HTML5, CSS3, JavaScript, jQuery Scripting and used BackboneJS framework.
●Developed organized SQL and MySQL databases optimized for Laravel use.
●Developed the model, views, and presenter for a module using BackboneJS.
●Used GraphQL schema validation tools to ensure consistency and accuracy of API changes across development environments.
●Developed features for saving and loading user-defined Knapsack problem configurations and results, enhancing usability and data persistence.
●Developed API endpoints to interact with NoSQL databases, enabling seamless data retrieval and updates for UI components.
●Hands-on experience with Jenkins as a CI tool to build the DevTest ISO and monitor Pre-Merge builds to meet merge criteria.
●Developed scalable and maintainable user interfaces using TypeScript, enhancing code quality and reducing runtime errors.
●Used Bootstrap and VueJS for designing component plugins like Drag-and-Drop, Widgets, and Menus.
●Implemented accessibility features in D3.js visualizations to ensure they were usable by all users, including those with disabilities.
●Implemented custom error handling pages in Next.js to improve user experience and provide clear messaging for different types of errors.
Environment: HTML 4/5, CSS2/3, JavaScript, jQuery, ReactJS, VueJS, GraphQL, D3.js, Redux, Microservices, TypeScript, BackboneJS, NodeJS, AJAX, JSON, XML, JSP, Adobe Photoshop CS5, Laravel framework, Jenkins, NoSQL, Git, BitBucket.
Client: Hess Corporation, Houston, TX Nov 2018 – Mar 2020
Role: React Developer
Responsibilities:
●Implemented TS Lint standards and Pixel perfect Reusable coding using Typescript w3c standards for accessibility.
●Created Typescript reusable components and services to consume REST APIs using component-based architecture.
●Used D3.js to build interactive time series visualizations, including line charts and area charts.
●Responsible for building isomorphic applications using ReactJS and Redux with GraphQL on the Server Side.
●Implementing React-Router-DOM for navigating through applications.
●Using Axios with ReactJS for making AJAX Calls, Used Async and Await while working on promises.
●Implemented various react hooks like use context, use effect, useState hooks from react and react-i18next
●Developed and implemented dynamic user interfaces for web applications using DLS6, enhancing user engagement and ensuring a consistent look and feel across various devices.
●Responsible for developing Responsive reusable components for the application using HTML5, CSS3, JavaScript, ES6/7, ReactJS, Grommet Library.
●Designed and implemented data models in NoSQL databases to support scalable and flexible user interfaces and application features.
●Collaborated with backend teams to consume Microservices using RESTful APIs, ensuring seamless communication between client-side and server-side components.
●Developed single page applications with MVC frameworks React Js, Node.JS, Typescript.
●Implemented Cypress testing library to write functional tests and implemented parallelization to reduce the run time for running the tests for CI/CD pipelines.
●Implemented various react hooks like use context, use effect, useState, use callback, use translation hooks from react and react-i18next
●Developed a utility to identify duplicate strings by reading all the i18n files and able to reduce the file size to make application load time faster.
●Implemented storybook components like Wizards, Date Range Picker, Visibility Wrapper, and Skeleton component using Grommet Library.
●Proficient in developing RESTful APIs using Flask web framework, utilizing its powerful routing capabilities to define endpoints for various HTTP methods (GET, POST, PUT, DELETE).
●Designed and implemented RESTful APIs for seamless communication between the front-end and back-end systems using Node.js.
●Worked with D3.js scales and axes to accurately represent data values and categories.
●Integrated NextJS with various data sources, including RESTful APIs and GraphQL, to seamlessly retrieve and display data in Web Applications.
●Worked with API Gateway teams to enhance routing strategies, reducing latency in UI Microservices communication and improving user experience.
●Developed dynamic and data-driven web pages using NextJS API routes, enabling efficient data fetching and integration with serverless functions.
●Developed and maintained comprehensive documentation for DLS6 components and development processes, facilitating knowledge sharing and onboarding for new team members.
●Utilized NextJS for building scalable and maintainable component-based UI architectures, enhancing code reusability and facilitating efficient collaboration within the development teams.
●Developed Multi-Factor Authentication (MFA) Screens to enable a second level of authorization after user sign-in.
●Responsible for developing Tag Manager to assign and edit tags for the added devices and filter the lists inside data tables.
●Developed RESTful APIs with Node.js and Express to interact with NoSQL databases, enabling seamless data operations for React applications.
●Worked on implementing Git sub-modules to load the dependent repositories to the build workflows.
●Worked on implementing the launch darkly utility to enable UI pages based on the feature flags.
●Implemented GraphQL queries and mutations inside the application by generating new types.
●Performed end-to-end testing from development to promoting builds to the production environments.
Environment: HTML 5, CSS3, ES6/7, ReactJS, SCSS, HTML 5, D3.js, CSS3, ES6/7, Redux, ReactJS, NoSQL, Node.JS, Cypress, Python, Flask, Grommet, NextJS, MirageJS, GitHub, Microservices, Jenkins, SonarCube, AppDynamics Typescript, Formik, GraphQL, Yarn, Lerna.
Client: Polaris, Moline, IL Jan 2016 – Oct 2018
Role: Frontend Engineer
Responsibilities:
●Used Storybook for React UI. Used to run the app in Storybook in dev mode to build UI-only components.
●Used NgRx to create reactive forms for the portals and to manage the state across the portal.
●Used tools like Vuex store and Veutify for state management. Used moment JS as a middleware. Implemented user click tracking information to send the base code track data to AppDynamics to better serve the related data back to the customers.
●Familiar with creating custom reusable React Components Library.
●Using Node JS and React JS to make calls to backend services where we get large amounts of data from the different Services and display that data on the web pages.
●Implemented Test Driven Development for migrated applications to have code coverage using Jest, and Enzyme to perform Unit Testing and Snapshot testing.
●Used ES6 standard for logical implementation part at client side for all the applications
●Implemented responsive design techniques using DLS6, ensuring compatibility with various screen sizes and devices while maintaining a consistent user experience.
●Worked with a business system analyst to understand the requirements to ensure that the right set of UI modules have been built.
●Developed complex TypeScript-driven forms and validations, improving user experience and ensuring data integrity.
●Developed reusable Next.js components and libraries to ensure consistency and efficiency across multiple projects and teams.
●Implemented Feature Toggles to enable the developed features only for certain environments until the whole feature is ready for production.
●Implemented Accessibility across the application to navigate the DOM hierarchy
●Expertise in writing unit test cases with Jest for react applications.
●Worked on various common utilities to simulate the login actions for test scripts.
●Implemented Node.JS to create API endpoints. Also worked on Promise clients, and Asynchronous Internal Call back functions.
●Used MOCI for mocking the APIs based on the service contracts with the backend developers.
●Used ReactJS to create views to hook up models to the DOM and synchronize data with the server as a Single Page Application (SPA)
●Implemented advanced TypeScript features such as generics and type unions to create flexible and reusable UI components.
●Worked on Sass library and implemented the styles using variables and mixins to follow company branding
●Used Docker containers to generate the snapshots for the components to test the changes based on Screen resolutions to keep consistency across Mac and Windows machines.
Environment: HTML 5, CSS3, ES6/7, VueJS, Vuex, Sass, NodeJS, JSON, Jest, D3.js, Puppeteer, Github, TypeScript, Jenkins, SonarCube, AppDynamics
Client: PACCORE SOFTWARE INDIA PRIVATE LTD Feb 2014 – Aug 2015
Web Developer
Responsibilities:
●Involved in developing front-end applications using web technologies like HTML 5 and CSS/CSS3.
●Built Web pages that are more user-interactive using jQuery plugins, AJAX, JavaScript, and AngularJS.
●Involved in writing application-level code to interact with APIs, and RESTful Web Services using AJAX, and JSON.
●Involved in the development of Prototype User Interfaces using HTML/HTML5, CSS/CSS3, JavaScript, jQuery, AJAX, JSON, and AngularJS.
●Research & development of the latest web technologies including AngularJS, NodeJS, data science, etc.
●Created package.json for Bower and NPM
●Used AJAX for implementing part of the functionality for Customer Registration, and View Customer information modules.
●Implemented server-side web technologies such as Java Server Pages (JSP), Servlets, and Java EE, enabling dynamic content generation and server-side rendering in web applications.
●Optimized pages for page speed using Google Page Speed (API) for Apache to obtain higher rankings on Search Engines.
●Performed optimizations and Improvements to load events for loading pages for both customer-facing as well as internal applications.
●Wrote application-level code to perform client-side validation with regular expressions.
●Wrote jQuery function while implementing various UI Screens across the whole web application (both consumers facing as well as internal applications).
●Extensively used Angular UI (Angular Bootstrap) for ng-grid, and UI components.
●Used MySQL as a database on this project and Joomla as a CMS (Content Management System).
●Interacted with Java controllers (jQuery, Ajax, and JSON to write/read data from back-end systems).
Environment: HTML5, CSS, JavaScript, jQuery, AJAX, JSON, JSP, HTML5, CSS3, Node.JS, AngularJS, Jenkins and Adobe Photoshop.
Contact this candidate