Naveena Adabala
UI Developer
Email: ad7itz@r.postjobfree.com
Phone: +1-314-***-****
SUMMARY:
Around 5+ years of experience in Information Technology as UI Specialist with experience in analysis, design and development of Single Page Applications (SPA) and Client/server Applications.
Extensive recent experience in creating single-page web applications (SPA) using HTML/HTML5, CSS/CSS3, JavaScript, Ajax, JQuery, Bootstrap, MaterialUI, ReactJS, Redux, Flux, Angular1/2, Typescript, JSON, XML, Rest Services, Node.js, ExpressJS, Npm, Webpack, Gulp, Grunt and Bower.
Good Understanding of Document Object Model (DOM) and DOM Functions.
Extensive experience in creating SPAs with ReactJS by following Redux architecture for creating smart reducers, container components and maintaining the single application state(store).
Rich experience in consuming Restful web services by making asynchronous calls to the server using Ajax, Async-Await, Superagent, Axios, isomorphic-fetch, and resolving the JSON from the response.
Experience in using latest web APIs like Broadcast channel, intersection API etc.
Experience in creating visually appealing designs focused on Usability, Utility, UX, Cross-Browser, Cross-Device compatibility and SEO standards.
Experience in creating responsive styles and themes using CSS extension languages like SASS and LESS.
Good Understanding of ECMAScript (ES, ES10, ES11) & newer specifications of ECMAScript.
Good knowledge and experience in JavaScript unit testing libraries like Mocha, Jasmine, Karma, Protractor, Jest.
Good knowledge and experience in building single page applications (SPA) using MEAN stack with NodeJS, Express JS, Angular JS, MongoDB. Accessing and creation of schema in MongoDB using mongoose, MongoChef.
Having hands on experience in writing APIs with Nodejs using databases like MongoDB and MySQL using Mongoose.
Good experienced in the use of Amazon Web Services (AWS) including EC2, S3 and Amazon Cloud.
Experience working with Debugging tools like Firebug, Firebug Lite, Chrome or Safari Web Inspectors and IE Developer Tools.
Experience in analyzing production issues using tools like Splunk and Kafka.
Good knowledge in Configuration Management, setting up versioning policies, build schedule using GitHub, Bitbucket.
Experience in all phase of SDLC like Requirement Analysis, Implementation and Maintenance, and experience with Agile and SCRUM.
Good problem solving and interpersonal skills with ability to interact with individuals at all levels and can work as a part of a team as well as independently.
Ability to perform at a high level, meet deadlines, adaptable to ever changing priorities.
ACADEMICS:
Bachelors in Computer Science Engineering from JNTU Kakinada, India.
TECHNICAL SKILLS:
Web Technologies: HTML/HTML5, CSS/CSS3, JavaScript (latest ES specifications), Typescript, Ajax, JSON, XML, Bootstrap, Material UI, SASS, LESS, Media Queries, Responsive Web Design, CSS sprites, CSS grid, CSS Mixins.
JS Libraries/Frameworks: ReactJS, Redux, Flux, JQuery, AngularJs, NodeJS, ExpressJs.
Automation/Build Tools: NodeJs, NPM, Bower, Grunt, Gulp, Webpack.
JS testing frameworks: Mocha, Jasmine, Karma, Protractor, Chai, jest, enzyme.
Debugging Tools: React Dev Tools, Angular Dev Tools, Firebug, Firebug Lite, Chrome or Safari Web Inspectors and IE Developer Tools, Splunk.
Database: MongoDB, MySQL, Sequelize & Mongoose ORM.
Web Services: REST, SOAP, XML, WSDL.
Web Servers: Tomcat, Apache, WebLogic and WebSphere.
Source Controls: Git, Bitbucket, Gitlab, SVN.
IDE’s: WebStorm, IntelliJ, Sublime Text, Visual Code, Eclipse.
PROJECTS PROFILE:
Tabner Inc, Charlotte, NC
Oct 2022 – Present
UI/UX Developer
Responsibilities:
Involved in all phases of SDLC using latest technologies like React, React-hooks, React-Context API, RESTful services, HTML5 /CSS3 /SASS / Material UI and Bitbucket.
Developed user interface by using React functional components, hooks, Redux pattern.
Created local contexts using React Context API, to handle the data needed local to some sections of the application instead storing whole data in redux store, which improved the performance of the application by reducing the unnecessary re-rendering of the components.
Used latest react features like useEffect, useState, useCallback, useContext, useMemo to simplify the implementation and increase the performance of the application.
Implemented and used React ErrorBoundary to gracefully handle the runtime errors.
Worked in designing the CSS templates/layout to use in all pages of the website with CSS flex designs, background, positioning, text, border, margin, padding, and table.
Developed common components like Table, Accordion, Popper etc. by following application design system to use across the project
Developed UI components for email and link sharing of documents and files for a Content Management System module.
Created generic portable document viewer component which supports all types of document types.
Implemented socket.io to show notifications for existing customer about new user policy updates and other activity on work order suggestion.
Introduced the latest cost-effective technologies, best practices, newer frameworks, and patterns related to Frontend technologies.
Designed data view toggle to change the data view in tabular form or graphical network
Used React-Router for route management and creating protected pages to check authentication and authorization.
Made use of redux saga middleware to access redux application state and dispatched redux actions.
Created PdfModule using jsPDF to enable user to edit the HTML summary pages and download it as PDF file or upload to AWS S3 bucket (using AWS SDK) for future use.
Responsible for creating Flow Module for dynamically building the conversational screens (UI) using questionnaire JSON from the server.
Developed the unit testing scripts for testing the React components using Enzyme and react test renderer.
Created unit test cases and snapshot testing for components using jest & enzyme.
Integrated ES lint and prettier rules for code consistency across the team and to follow best practices.
Environment: HTML/HTML5, CSS/CSS3, JavaScript, Material-UI, React, React ContextApi, Redux, Redux-Saga, Socket Io, Jest, Enzyme, JIRA, Chrome dev tools and WebStorm, Husky, Prettier, Java, Spring Boot, Solar, Splunk, Jenkins, Docker, Bitbucket etc.
Ferns N Petals (www.fnp.com), Hyderabad, India
Front End Developer
July 2021 – August 2022
Responsibilities:
Involved in requirement analysis with the functional users and designed the system following the prototype and implemented the interactive Single page application using ReactJS with Redux architecture, JavaScript in conjunction with HTML5, CSS3/SASS.
Designed & configured product page, checkout page by using ReactJS with Redux architecture as two different micro sites and integrated with rest of the site.
Responsible for performance optimization by implementing Lazy Loading, offset loading, Bundle chunking, Tree shaking using webpack & Configured apache to check and deliver GZipped JS and CSS files to reduce the bundle size.
Created Webpack configurations to automate build/tasks and create distribution bundles. Used Babel transpiler to downgrade ES2015(ES6) code, SASS and style loaders for converting SASS files to CSS code.
Created FeatureFlag(FF) solution to entire site to dynamically enable/disable specific features based on business need.
Collaborating in API discussions on deciding the API contracts, to easily consume the Rest APIs in front end.
Maintain page level cache by using service workers and provide offline support for static pages.
Created network-based bundles for different bandwidths like 4g 3g 2g using webpack.
Creating and managing release branching strategies, code repositories, version policies, build schedules using GitHub, Jenkins.
Environment: HTML5, CSS3, Foundation CSS, Bootstrap, Google Material UI-NXT, JavaScript, Ajax, React, Redux, Free Marker Template Views, Webpack, Babel, React Chrome Dev Tools, WebStorm, Java, Ofbiz, Redis, Solr, Apache2, My Sql.
SpurTree Technologies, Bangalore, India
May 2020 to June 2021
UI Developer
Responsibilities:
Responsible for requirement gathering, analysis, design and implement the interactive Single page applications using Angular, JavaScript in conjunction with HTML5, CSS3/POST CSS, NodeJS, Express Js, webpack.
Created well responsive visually appealing designs, focused on Usability, Utility, UX, Cross-Browser and Cross-Device compatibility with SEO standards.
Created custom pipes for transforming data according to requirements
Implemented data sharing service to share data between multiple components and utilise service using RXJS observable subject and dependency injection
Created scalable solutions to fire up the asynchronous server requests to consume Rest services (API) to get the JSON response using RXJS, angular http client and parse the JSON data to application store.
Implemented custom form control for review ratings by using angular control value accessor and integrated with reactive and template driven forms.
Troubleshooting of application, environment issues and find out the root cause of issues in development, testing and production environments and work towards to resolve them in efficient ways using different tools like Splunk, Akamai, Adobe analytics etc.
Worked closely with design, product management, and development teams to create elegant, usable, responsive and interactive interfaces across multiple devices.
Managed application level security by using token-based Authentication and session-based authentication.
Optimized the app usage by monitoring key metrics and rectifying the issues proactively.
Responsible for setting up coding standards and creating unit testing using Chai, karma and integrating code quality gates using Linting, Code coverage tools like ES Lint, Istanbul.
Created protractor test cases for end to testing in chrome browser.
Environment: HTML/HTML5, CSS/CSS3, JavaScript, jQuery, Ajax, Bootstrap, Angular, NodeJS, Express Js, MongoDB, Mongoose, MySQL Sequelize, Amazon Webservices, S3 Bucket, Apache2, JIRA, Jenkins, Splunk, Akamai, Adobe Ensighten, Chrome dev tools and WebStorm, Husky, Prettier.
Infotree Software Solutions, Hyderabad, India
Jan 2019 to April 2020
Software Developer (UI)
Responsibilities:
Developed a well responsive single page application using ReactJS, JavaScript, Redux, Bootstrap, HTML5, CSS3/ SASS. Involved in various phases of application development going through Agile Scrum methodology.
Create and modified website wireframe layouts for prototype using MS VISIO and presented to the team.
Developed the overall layout design that meet all types of browsers and devices compatibility using Bootstrap, CSS media queries and custom themes using SASS.
Created many great looking and responsive UI controls and CSS Model dialogs like Image-Cropper, File drag and droppers, Overlays for Live graphs, scratchpads for journals, Chat-box controls etc.
Created reusable React components and implemented Redux Pattern into the solution to maintain the stable and always updated Application state and used this state in React container Components.
Using Axios and React-Promise consumed Rest API services through Get, Post, delete requests and resolved the JSON from the response and supplied to the application state.
Extensively used Redux forms, to create dynamic forms out of the JSON got from the server side and implemented required validations on the form fields. This makes easy for future changes and application maintenance.
Designed and implemented role-based authentication by using JWT Tokens and maintained the role and token throughout the login session.
Worked with Moment.js for the date manipulations based on regions and used Lod ash for array and JSON collection manipulations.
Created Visio charts for the workflow architecture of the system.
Implemented logic for uploading content files like images, files of different formats to Amazon Web Services (AWS) S3 bucket using Signed URLs, generated from backend server.
Used Webpack, NodeJS, NPM, Babel, SASS-Loaders to create the bundle files for distributing or hosting the solution.
Managed local repositories through Source Tree’s simple interface of GIT client, collaborated with GIT command lines.
Environment: HTML/HTML5, CSS/CSS3, ReactJS, Redux, JavaScript, Ajax, JSON, SASS, Moment JS, Webpack, Node JS, NPM, Babel, GIT.