Front-End Developer Front End

Languages and Libraries: Angular, ReactJs, JavaScript, HTML, CSS, Java, Typescript, SQL, C++, jQuery, AngularJS,

Tools and Technologies: Git, WebStorm, Eclipse, Visual Studio, Kafka, Spring Boot, Tomcat, Oracle Database: MongoDB, SQL, MySQL

PROFESSIONAL EXPERIENCE

● Around 5+ years of experience in the field of Web Application Development with a focus on Front End Development.

● Extensive experience in designing professional UI web applications using front-end technologies like HTML/HTML5,CSS/CSS3, JavaScript, Object Oriented JavaScript, jQuery, AJAX, Web Accessibility, ReactJs, Angular, NodeJS, XML and JSON.

● Proficient in writing clean, maintainable ES6+ JavaScript for web interactivity.

● Applied array manipulation methods (map, filter, reduce) extensively in JavaScript to transform API response data for UI rendering.

● Used Angular and ReactJs as a framework to create a single-page application that can bind data to specific views synchronize data with the server and develop a standalone test application, in the scope of future usage of the framework.

● Very good understanding of design patterns like MVC architecture and building single-page responsive web applications using CSS3 media queries, bootstrap, Angular and ReactJs.

● Hands-on Experience on Angular CLI (Command line Interface) and React.

● Good experience using Redux architecture and workflow to maintain state.

● Experience with Angular Services like Http,Resource to make Restful API calls and perform CRUD operations

● Extensively worked on Angular from version 2 through the latest (v17), developing Single Page Applications

(SPAs) using TypeScript across various domains.

● Implemented Page Optimization techniques for web pages, Used Responsive Web Design techniques with expertise in media queries, Bootstrap, and Flexbox.

● Widespread experience on accessibility standards & and laws and code core components: HTML5, SCSS, JavaScript, WCAG 2.0, WCAG 2.1, ADA, Section 504, and Section 508.

● Used Angular 9 latest technologies for state management like ngrx, store, and effects to create custom workflows for wires.

● Experience in Software Product Development Life Cycle (SDLC) which includes designing, developing, testing implementation, and deployment. Working experience with Agile and waterfall Scrum or Extreme Programming (XP) methodologies.

● Well-versed in using JSON AJAX and REST APIs to link with back-end applications.

● Ngrx (Store, Effects, Router-Store, Store-Devtools), Bootstrap, Javascript, ES6 and, HTML, CSS, jQuery,

● Proficient in React Hooks (useState, useEffect, useRef, useContext) and Angular lifecycle hooks, enabling better component behavior and cleaner code structure.

● Integrated third-party libraries like Material UI,PrimeNG, and Angular Material to accelerate UI development with consistent design systems

● Involved in creating Unit test cases using Jest, Jasmine, and Karma.

● Hands-on experience with JIRA and Rally for bug tracking and issue tracking

● Have basic knowledge of JavaScript server-side scripting with Node.js and its framework Express.js.

● Experience with Grunt as a task runner, npm, and Bower as a package manager, GitHub for source code management, and GIT for version control.

● Deep understanding of Relational Database Management Systems (RDBMS) and hands-on experience in database

● Analysis, Architecture, Design, and Development using MS SQL Server and Oracle

● Understanding of Java build tools like Maven and Gradle, and familiarity with creating and deploying Java artifacts in multi-tier environments.

● Familiar with Java-based backend frameworks like Spring Boot, enabling effective collaboration with backend teams and understanding API structures.

● Understanding of Java build tools like Maven and Gradle, and familiarity with creating and deploying Java artifacts in multi-tier environments.

● Comfortable reading and debugging backend logs written in Java to identify and resolve front-end integration issues

EXPERIENCE

Resource One IT Solution Pvt Ltd. India Nov 2020 – Nov 2023 Role: Angular Developer

Responsibilities:

● Experienced in working with Angular frameworks from version 2 through the latest version (Angular 17+), with hands-on experience in developing scalable and high-performance web applications.

● Responsible for creating efficient design and developing User Interaction screens using HTML, CSS3, Bootstrap, JavaScript, and Angular 8.

● Utilized JavaScript ES6+ features such as arrow functions, destructuring, spread/rest operators to write clean and modular Angular code.

● Optimized user experience with debounce and throttle logic in JavaScript, particularly for search and input events.

● Experience with creating custom directives, decorators, and services to interface with both restful and SOA services.

● Integrated and managed asynchronous API requests using JavaScript Promises and async/await, ensuring seamless data rendering and error handling

● Used NPM for installing required node modules and other published Angular NPM modules.

● Created Typescript reusable components and services to build single-page web applications and dependency injection to add the functionality of components at run-time.

● The portal is made responsive using CSS3 and its preprocessors like SASS, Bootstrap, and media queries to support mobile, desktop, and tablets.

● Built custom reusable UI components using Angular Material and PrimeNG for consistent UI/UX across the application.

● Ensured cross-browser compatibility and implemented responsive design using FlexLayout and CSS Grid for mobile applications.

● Designed a feature-based routing setup where each module had its own routing configuration. This helped in keeping the code modular, clean, and scalable.

● Implemented Angular Router in directing users to different screens based on the option they choose on the main screen.

● Configured lazy loading for major application modules like UserModule, AdminModule, and ReportsModule using loadChildren, which reduced the initial load time by 40%.

● Used Angular Lifecycle Hooks (ngOnInit, ngAfterViewInit, etc.) to manage component behavior and data initialization effectively.

● Applied debounceTime in user search and filter input components to reduce API call frequency and enhance UX.

● Handled error states gracefully by building global error interceptors and notification services in Angular.

● Developed reusable components, reducing code duplication by 40% and improving app performance by 30%

● Developed reusable Angular components, custom directives, pipes, and shared services to enhance code modularity, maintainability, and scalability across the application

● Designed and implemented dynamic Reactive Forms with nested groups, validations, conditional logic, and multi-step wizards for onboarding and reporting modules.

● Developed full-fledged CRUD (Create, Read, Update, Delete) operations in Angular using Reactive Forms and RESTful API integration.

● Implemented data-binding techniques and two-way binding for real-time UI updates based on API responses.

● Configured Angular routing for navigation between CRUD operation views such as Add, Edit, and View Details pages.

● Followed RESTful principles for API communication (GET, POST, PUT, DELETE) and ensured secure data handling using HTTP headers and token-based authentication (JWT).

● Implemented NgRx Store and Effects for state management in large modules, improving maintainability and predictability of data flow.

● Used ChangeDetectorRef service to manually trigger change detection using methods like markForCheck and detectChanges in performance-critical scenarios.

● Integrated manual change detection in combination with asynchronous operations like setTimeout, Observables, and ngZone.run to ensure UI updates outside Angular’s zone.

● Implemented Services and Dependency Injection in Angular to connect the web application to back-end APIs and to share the code between the components

● Consumed RESTful web services in Angular 8 using HTTP, promise, and observables using various operators like modify, filter, map, routing, and navigation for calling data from the backend.

● Wrote all synchronous/asynchronous unit tests leveraging Jest /Jasmine/ Rxjs

● Utilize Jasmine, Karma, Gulp, and NPM to build and test applications. Performed unit testing using Jasmine and end-to-end testing using Protractor.

● Collaborated with back-end developers to define API contracts and optimize data flow between front-end and server

● Participated in code reviews, Agile ceremonies (Sprint Planning, Daily Standups,) and provided regular status updates to the team.

● Used Chrome DevTools for performance profiling, memory leak detection, and JavaScript debugging

● Worked on cross-platform and browser compatibility issues for this application.

● Used Agile Development Methodology and Scrum team structure for the Development process

● Used Git, and GitHub for project management and version management Used component-based programming to create less dependent and faster entities and enhance the application.

● Used Node Package Manager (NPM) to install libraries like Angular-CLI, TypeScript, etc., which are required for developing an angular application in Node.

● Increase productivity, improve communication, and reduce downtime by keeping track of bugs using JIRA.

● Used Agile Development Methodology and Scrum team structure for the Development process. ENVIRONMENT: Angular, JavaScript, HTML/ HTML5, CSS, CSS3, SASS, Bootstrap, JSON, Bootstrap, Typescript, Visual Studio Code, JSON, Node.JS, GraphQ, Apache Tomcat Server, ES2015, Agile, GIT, JIRA and QC, Webpack, JIRA, Rally, Jasmine, Karma, Agile methodology,

Stigentech IT Services Private Limited. India Nov 2018 - Nov 2020 Role: ReactJs Developer

Responsibilities

● Developing applications in React including component design and state management for specific use cases

● Designed and developed the React application along with HTML5, CSS3, JavaScript, Bootstrap, Node.js, NPM

● Utilized modern JavaScript ES6+ features such as arrow functions, destructuring, template literals, and spread/rest operators to write clean and modular React code.

● Used NPM/Yarn for managing project dependencies and installing required React and third-party libraries.

● Implemented responsive web designs using CSS frameworks like Bootstrap or Material UI to ensure optimal user experience across devices.

● Enhanced user experience by applying debounce and throttle techniques to optimize performance in search and filter components.

● Built and managed custom React Hooks and utility functions to encapsulate reusable logic across functional components.

● Integrated and managed asynchronous API requests using Fetch API, Axios, async/await, and Promises for seamless data communication with backend services.

● Developed reusable functional components using TypeScript and props-based architecture to build modular and maintainable code in a Single Page Application (SPA).

● Managed client-side routing using React Router, enabling nested routes, route protection, and dynamic navigation across screens.

● Applied React lifecycle methods and useEffect Hook to handle component mounting, updates, and cleanups.

● Implemented data fetching logic inside useEffect with async/await to populate UI components after initial render and on state updates.

● Passed and managed dynamic data between parent and child components using props to build reusable and configurable UI components.

● Used useEffect in combination with props changes to re-trigger API calls or reinitialize component data on prop updates.

● Followed RESTful API principles for data communication (GET, POST, PUT, DELETE) using Axios/Fetch API, and implemented secure data handling with HTTP headers and JWT-based authentication.

● Handled application-wide error states using global error boundaries, notification handlers, and toast messages.

● Connected React components to RESTful services using Axios and handled JSON data transformation using JavaScript array methods (map, filter, reduce).

● Developed complex forms and implemented form validations to ensure data accuracy.

● Utilized Redux for seamless data sharing between components, enhancing overall efficiency.

● Implemented filters and sorting capabilities for dashboard items, enhancing user experience.

● Responsible for creating simple, manageable, and reusable code.

● Wrote unit and integration tests using Jest, React Testing Library, and Enzyme to ensure code quality and component stability.

● Participated in Agile ceremonies including daily standups, sprint planning, retrospectives, and maintained tasks using JIRA.

● Actively updating the code into repository by using version control tool GIT.

● Collaborated on GitHub using Git version control, branching strategy, pull requests, and peer code reviews.

● Increase productivity, improve communication, and reduce downtime by keeping track of bugs using JIRA

● Used Agile Development Methodology and Scrum team structure for the Development process

● Used Chrome DevTools and React Developer Tools for performance profiling, memory leak detection, and debugging component re-renders.

● Managed environment variables and deployment builds using Webpack, Babel, and React scripts.

● Followed Agile development methodology and collaborated closely with cross-functional teams throughout the SDLC.

ENVIRONMENT: ReactJs, JavaScript, HTML/ HTML5, CSS, CSS3, SASS, Bootstrap, JSON, Visual Studio Code, Node.JS, GraphQL, Apache Tomcat Server, ES2015, Agile, GIT, JIRA and QC.

Contact this candidate