React Developer (Java Spring Boot)

Guangwei Na

Jersey city, New Jersey *****

New Jersey, NY 551-***-**** ********.*******@*****.***

PROFESSIONAL SUMMARY

• Front-end web developer with around 8+ Years in React.js, specializing in developing and designing user experiences of Internet applications using HTML5, XML, CSS3, SASS, LESS, JavaScript, TypeScript, React.js, React Hooks, Redux, RTK, Thunk, Flexbox, jQuery, JSON, Node.js, Ajax, Chart.js, Bootstrap4 and Material Design UI libraries.

• Experience in backend development and maintenance utilizing the Java Spring Boot framework, implementing the MVC design pattern and leveraging Spring Security and Hibernate.

• Extensive experience in all phases of SDLC (software development lifecycle) like Requirement Analysis, Implementation and Maintenance, with a strong background in Agile and SCRUM.

• Expertise in integrating front-end development with back-end systems through RESTful and SOAP web services, ensuring seamless application-to-application experiences.

• Experience with middleware using Redux-Thunk, Redux Toolkit, Redux-Saga, Redux-Logger and Flux.

• Expertise in implementing easy-to-use Bootstrap plugins for building carousel, grids, accordion, modal windows, etc.

TECHNICAL SKILLS

Programming : JavaScript, Java, TypeScript, HTML5, CSS3, SASS Web Framework : React.js, Redux, Node.js, Vue.js, jQuery, Express.js JavaScript Libraries : Bootstrap 4/5, Chart.js, Material UI5, React-Hooks, React-Router, React-Charts, React Spring, Redux-Thunk, Redux Toolkit, Redux-Store, React-Link Testing Tools : Jest, Enzyme, react-testing-library, Junit, Postman Cloud Servers : Amazon Web Services (AWS), EC2, S3, Alibaba cloud PROFESSIONAL EXPERIENCE

IOT EYE, New Jersey Jun 2023 – Now

Role: Software Engineer

Project description:

Developed a web-based intelligent route generation and management platform for public transportation authorities. Enabled dynamic creation of optimized bus routes based on location data and user requests. Provided administrators with tools to review, reschedule, and approve or reject proposed route plans through an interactive dashboard. Responsibilities:

• Constructed powerful and modern frontend architecture with TypeScript ES6, CSS3, HTML5 and React.js while referencing the Bootstrap UI library and adhering Cisco design principles for colors, fonts and UI kit.

• Created dynamic web pages for different features of the website and conducted state management with React, React hooks, Redux, Redux Toolkit (RTK) to make the website more user-interactive.

• Enhanced the performance of web pages by using seamless components, integrating widgets, reusing components with React hooks, Higher-Order Components (HOC), and Axios.

• Developed React Components and used Redux thunk and promise API for making async calls.

• Worked on designing the CSS templates with Flexbox and SASS for use in all pages on the website with background, positioning, text, border, margin, padding, and table.

• Worked with JavaScript and React Ref hooks to perform DOM manipulation and render dynamic network content.

• Utilized React-Charts and React Observables to create custom components for inventory manipulations and displays.

• Created Reusable Components in React.js with Redux architecture and HOC to implement the business logic and network topology data for better performance.

• Involved in developing RESTful APIs with Java Spring Boot for integration between the platform and Server.

• Utilized chart.js to vividly show the current ads requests and categories proportion with charts and graphs.

• Created database objects like tables, stored procedures, views, indexes, triggers, rules and functions in SQL Server.

• Utilized Spring Object relational mapping (ORM) and Hibernate for persistence in MySQL.

• Developed a Spring MVC application in connecting to the user information database and adapted RESTful for performing web services.

• Worked with JWT (JSON Web Tokens) with cookies for authentication and authorization security configurations with React, Node.js and Spring Security.

• Used Chrome DevTools to eliminate series of memory leaks caused by detached DOM elements in a long-running SPA.

• Experience in working on AWS with EC2 to integrate the server-side and client-side code.

• Created and deployed code using Maven on cloud platforms such as Amazon Web Services (AWS) and managed AWS environment using EC2 and storage such as S3 buckets.

• Created and managed Docker deployment pipeline for custom application images in the cloud with Nginx and Jenkins.

• Orchestrated the deployment and management of microservices-based applications using Kubernetes.

• Worked with Jenkins Continuous Integration and Continuous Deployment (CI/CD).

• Handled cross-browser/platform compatibility issues (IE, Firefox, and Safari) on both Windows and Mac and utilized debugging tools like Firebug.

• Performed the web services REST tests with Postman and SOAP UI to ensure the site reliability.

• Implemented Junit for unit tests of Spring Boot Rest APIs, ensuring proper functionality and 85% test coverage rate.

• Implemented unit tests with Jest and react-testing-library which achieved an impressive test coverage rate of 92%.

• Used GIT and Gitlab for version control and modern distributed source code management.

• Coordinate with team members using daily SCRUM meetings in 2-week sprints, also met with Network Engineers to ensure a streamlined vision on product design.

• Utilized development technologies such as Maven, Jenkins, Jira, Git, IntelliJ Idea, and VS code.

• Experience in using tools like Grunt, Gulp Task Runners, WebPack, Browserify for component management.

• Perform code reviews and project maintenance via Bitbucket(git) and Jira boards Argonne National Laboratory, Lemont, IL Jun 2022- Aug 2022 Role: Software Engineer Intern

Responsibilities:

• Worked with our team members to design, develop, and update the UI and components of the website.

• Utilized ReactJS to assemble Python scripts on a website, eliminating the need for individual environment configuration.

• Discuss with the UX team and back-end team to finalize the feature design. Review the API document provided by the backend team to decide if the API meets the requirement.

• Developed GPU parallel program in C++ by CUDA, increasing calculation efficiency by 40 times(reduced processing time from 6 hours to 7mins)

• Optimized programs by processing datasets across distributed processors to utilize cores of CPU cluster. Trip.com Ltd, Shanghai, China Dec 2019 – July 2021 Role: Frontend Developer

Project description

The web application I was responsible for was called Tangram, developed to meet market demands for customizing various layouts and styles for both browser webpages and React Native pages. The operation team and product manager utilized Tangram to create business pages tailored to specific demands, such as independent tours, group tours, and cruise trips. Within Tangram, operators had the ability to incorporate banners, carousel advertisements, toasts, and multimedia elements. Subsequently, users could view the customized pages across both browser and native applications. Responsibilities:

• Designed and developed responsive and interactive web pages using HTML5, CSS3, JavaScript, React.js, Redux, Ajax, JSON, LESS, Node JS and Mongo DB.

• Implemented various screens for the frontend to show travel data and media using React.js and Redux library such as Redux-actions, Redux-thunk and Redux Toolkit.

• Conducted validation components with the help of react-validation library and react hook form to ensure accuracy.

• Developed the application on Node.js platform using TypeScript, along with NPM to manage modules and used it to install useful tools such as Grunt, Mongoose, and Express.

• Built user interfaces, handled view layer and created reusable UI components to increase performance.

• Responsible to screen size, style, look and feel of the webpage with LESS that extends CSS with dynamic behavior such as variable, mixing, operations, and function.

• Utilized Axios with React and Nodejs for making requests to transform data and update pages.

• Developed the React container and presentational components which are concerned with how things work and look.

• Worked on using React.js components, Charts, Forms, Events, Keys, Router, Animations, and Redux concepts.

• Created the MongoDB database with Mongoose library and Nodejs to keep account data and grant user privileges.

• Used React autocomplete search for creating new page data search on the Tangram page.

• Worked on React.js Virtual Dom and React views, rendering using components which contain additional components called custom HTML tags.

• Developed the Flux architectural pattern by using Redux framework as a core dependency.

• Configured Webpack to execute linters, magnifiers, pre/post-processors, tests, transpires, etc. based on build target.

• Utilized WebSocket to provide consistent and real-time messages between customer service and clients with react- use-web socket and socket.io libraries in React.js and Nodejs.

• Implemented JWT authentication with React and Nodejs, incorporating the use of Cookies to ensure robust security measures for safeguarding user information.

• Used Docker to containerize the Services and APIs to run on ECS instances and implemented the build stage to build the Microservices and push the Docker Container image to deploy into Aliyun environment.

• Used GIT and GitLab for version control and modern distributed source code management, and Jenkins for Continuous Integration and Continuous Deployment (CI/CD).

• Involved in creating and modifying NoSQL queries, prepared statements, and stored procedures of the application.

• Pair-programmed to write snapshot and unit tests in Jest and Enzyme for React components and Nodejs codes.

• Worked with react-testing-library test framework for React integration tests, increasing the test coverage.

• Developed and maintain RESTful APIs for integration with front-end applications and other third-party services.

• Involved in complete SDLC - Requirement Analysis, Development, System and Integration Testing.

• Handled cross browser/platform compatibility issues (Chrome, Firefox, and Safari) on both Windows and MAC.

• Used JIRA to keep track of outstanding bugs to reduce downtime, increase productivity, and improve communication.

Aiwujiwu Co.Ltd, Shanghai, China May 2017 - Nov 2019 Role: Software Developer

Project description

The "Love Finance" project primarily involves the creation, editing, and publishing of financial products through an internal administrative website. Users can participate in purchasing these products. The application supports user registration, bank card binding and unbinding, early repayment, transaction details, bid competition, creation of coupons, and coupon deduction activities. The website is compatible with browsers such as Firefox, Chrome, and Internet Explorer, and is responsive across mainstream mobile phones and tablet devices. Additionally, various pages include tracking points to guide future product development.

Responsibilities:

• Developed the user interface using HTML5, CSS3, TypeScript and Ant Design for the e-commerce platform.

• Designed elegant and fancy UI using CSS3 working with Flexbox, grid, position, text, border, margin, padding, and Ant Design with icon, button, card, typography components.

• Implemented intuitive layouts using SASS with various widgets, mixins, inheritance, and built-in modules.

• Achieved React two-way data binding feature and WebSocket with TypeScript to implement the online chatting box.

• Implemented reusable data input components for a low-code development and hosting platform that reduced 40%+ time for constructing and deploying customer data dashboard sites.

• leveraged Chart.js to handle data and various features including adding charts and showing grid lists.

• Utilized TypeScript Promise Object, paralleling requests to the backend and control workflow.

• Built responsive pages with CSS media to accommodate the different screen sizes of mobile and tablet types.

• Developed and maintained RESTful APIs with Java Spring Boot, implementing requests to fetch data and perform CRUD operations on user information within the authentication flow.

• Utilized Spring Boot and JPA for seamless dependency injections, connecting to the MySQL database and enabling efficient data manipulation.

• Performed real-time network data transferring using WebSocket and RabbitMQ with React and Nodejs.

• Wrote unit tests and feature tests for the platform with Junit and Mockito. Features tested included activate, deactivate, reactivate, withdraw, transfer, deposit, and query information with 80% coverage.

• Implemented and maintain microservices architecture with Spring Boot to improve the scalability and efficiency of the applications.

• Improve MySQL database to keep user information by optimizing tables, queries, and choosing proper index usage.

• Created a CI/CD pipeline to run Jest unit tests for TyScript and implemented Postman to test and debug APIs.

• Use GitHub to manage version control, collaborate with other developers, and track issues and bugs.

• Excellent time management, task prioritization, and communication skills, and learning new technology quickly. Envision Energy Co. Ltd, Shanghai, China Sep 2015- May 2017 Role: Software Engineer

Responsibilities:

• Worked with our team members to design, develop, and update the UI and components of the website.

• Discuss with the UX team and back-end team to finalize the feature design. Review the API document provided by the backend team to decide if the API meets the requirement.

• Designed the UI using HTML5 and layout using CSS3 by Flexbox, which can accommodate UI in different screen sizes, devices, and modern browsers.

• Built a member login box which can be dragged and dropped in the window using JavaScript and CSS.

• Realized a function of automatically jumping to the page after a few seconds with the help of JavaScript HTML DOM.

• Added a message board, and the submitted messages could be automatically displayed below within a list using HTML5 and JavaScript.

• Helped build a SQL database with MySQL and implement ORM to prevent SQL injection, and connect it to backend.

• Created, showed, updated, and deleted tables through SQL queries with the help of jQuery ajax.

• Utilized Git as version control tool and managed GitHub workflow to commit and store source code. EDUCATION:

Masters in Computer Science

Stevens Institute of Technology, Hoboken, NJ

Bachelors in Electronic Information Engineering

University of Shanghai for Science and Technology, China

Contact this candidate