Front end developer

Xiaoyun Wang

Frontend Developer

************@*****.*** 408-***-**** Dallas, TX

PROFESSIONAL SUMMARY:

* *****’ experience as a Frontend/ JavaScript Developer. Experience in Software Development Life Cycle (SDLC), Requirements Specification, designing documents and writing.

Expertise in Client Scripting language and server-side scripting languages like HTML5, CSS3, JavaScript ES6, TypeScript, jQuery, JSON, Bootstrap, Node.js, Java.

Thorough understanding of CSS selectors and CSS preprocessors (LESS, SASS) principles with a clear ideology for managing maintainable, scalable and cross-browser code.

Hands on experience on implementation of Management/E-commerce applications by using JavaScript, React, Redux, Express and MongoDB together.

Developed single page applications using React Redux architecture, ES6, web pack and grunt.

Hands-on experience in using UI libraries like Ant Design, Material-UI, HighChart.

Experienced in creating highly reusable React components with HOC (Higher Order Component).

Hands-on experience in building single page web application with React using Hooks, Redux for stateful management and React Router for routing.

Using Redux Thunk middleware to perform asynchronous operations in Redux.

Strong knowledge in using Redux to control data flow, manage states and keep changes more predictable and traceable.

Experience with middleware's using Redux Thunk, Redux Logger, Universal state management using Redux. Expertise in React framework to develop the SPA.

Created the front-end part of the web applications using React framework with Redux as the state and store management tool of React components. Used Redux Thunk in the projects to handle asynchronous request and response between the server and the front-end of web applications.

Experienced in Typescript and working with RTK(Redux Toolkit) package. Expertise in building large application with Typescript along with RTK-Query.

Strong skills in using React Hook to extract stateful logic from components, in order to tested them independently and reused them.

Developed web applications using React Hooks to handle the state and life-cycle of the React components.

Refactor different web projects into React Single page applications with React Hooks and Redux.

Managed Application using NPM and PNPM, follow UI/UX directions to generate desired view.

Setup up projects with Vite, CRA, and used husky and Lint-staged to improve commits.

Experienced in designing MySQL database schema, designed index and relationship between tables and writing optimized queries for storing and retrieving data.

Hands-on experience in implementing CRUD (Create, Read, Upload and Delete) operations with NoSQL Database (MongoDB).

Having a good knowledge of using both SQL and NOSQL database.

Experienced in using Mongoose API to access and modify MongoDB data.

Experienced in using Node.js, Spring Boot, Django to build backend web services.

Experienced in automating, configuring and deploying instances on AWS, Azure and Server farms, familiar with EC2, S3 and used Docker for local environment.

Created web applications using AJAX and used Axios for retrieving data from the backend APIs.

Experienced in version control tools like Git for code version management. Used GitLab, GitHub to manage software projects.

Implement secure RESTful API and follow its standard to parse request to backend.

Experienced in GraphQL and Apollo Client to make query much easier and efficient.

Experienced in using Postman for testing API endpoints and Jest for Unit Testing.

Experience using JIRA for project management & defect tracking.

Excellent analytical skills, problem-solving skills and management tool like Scrum.

Highly organized with excellent oral and written communication skills. Confident dealing with internal and external clients.

Harbor willingness and proven ability to quickly acquire proficient development skills in new areas and technologies.

TECHNICAL SKILLS :

Programming Language: JavaScript, HTML5, CSS3, Java, Python, SQL, C++, Scala

Framework: React, Express JS, Redux, Redux Thunk, Node.js, Spring Boot, React hooks, AngularJS

Database: MYSQL, NOSQL, MongoDB, PostgreSQL, SQLServer

Operation Systems: Linux, Mac OS, Windows

Testing Tools: Jest, Jira, React Development Tools, Jasmine, Cypress, Google DevTools,

IDE: VsCode, XCode, Pycharm, IntelliJ IDEA

Cloud: Amazon EC2, S3, Google Cloud

WORK EXPERIENCE:

Capital One, Plano, TX Aug 2022- Present

Role: Software Engineer

Project Description: Develop solutions using React on a platform-as-a-service(PaaS) to ensure smooth employee on-boarding process. Our goal is to create and optimize employee information management and to assist HR in supervising employee application and status. This initiative has the potential to improve HR management efficiency and simplify the employee onboarding process.

Responsibilities:

●Developed the responsive, efficiency employee management website by using Typescript, React, Redux, Redux Thunk, HTML5, CSS3 and Express framework.

●Implemented employee on-boarding process and visa management page for the frontend using React and used PNPM to manage packages.

●Responsible for developing Capital One utility toolkit using Typescript for internal team's productivity use.

●Implement the Front-end applications by turning Figma and UI/UX prototypes into a responsive user interface.

●Using Axios to get resources from the database and populated data to the employee application.

●Build the application pages with Ant Design and utilize React-hook-form to handle form interactions.

●Implemented responsive Single Page Applications (SPAs), and using React Router to provide routing capabilities.

●Implemented the Carousel and Drawer functionality from scratch and thoroughly performed unit testing and integration testing.

●Utilized Redux Thunk middleware to perform async actions to fetch user portfolio and HR feedback messages from backend to ensure data synchronization.

●Built RESTful web services, utilized RTK Query API endpoints to fetch data from Express and implemented CRUD database operation on MongoDB with Mongoose.

●Developed the whole application with consistent color and style with Ant Design theme integration.

●Proficient in maintaining state after page refresh with Redux-Persist and LocalStorage.

●Used React Hook to manage state inside the component and used Redux store as a global storage to share state between different components.

●Used Redux Toolkit to implement reducer and simplify variable assignment with Immer.

●Designed reusable user information components to improve development efficiency and make a clean code structure.

●Used Ant Design for implementing Layout, Page components, Icons and so on.

●Developed robust and real-time updating servers for full-stack web applications written in Node.js framework.

●Involved in implementing Queries to the MongoDB database using Mongoose.

●Worked on MongoDB models to handle complex user information for the better performance.

●Set up the project with Vite and used Husky and Lint-staged to improve commits.

●Adopted Agile methodology and used Scrum to deliver the project efficiently.

●Created and maintained fully automated CI/CD pipelines for code deployment using Jenkins and AWS EC2.

●Conducted Unit Testing using JEST and end to end testing using Cypress to check and resolve UI and logic problems.

●Ran and set up local database environment using Docker.

●Hands-on experience on using ES6 new features like class, arrow function and so on

●Weekly sync up meeting with PM, UX, and backend team to update current blocker and status using JIRA software.

Environment: React, Typescript, Redux Thunk, RESTful API, Express, Node.js React Router JavaScript, MongoDB, AWS EC2, Mongoose, Redux, JSON, ES6, Docker, CI/CD, Ant Design, React Hook, MERN, Husky, Jenkins, Cypress, JIRA, Docker, Vite, Lint-staged, Husky, Scrum, Agile, Redux-Persist, Local Storage, Ant Design theme, RTK Query, Carousel, Drawer, SPA, React-hook-form, Figma, reusable, Immer, RTK, PNPM, Axios.

Verizon, Los Angeles, CA Nov 2021- July 2022 Role: Software Developer

Project Description: A Verizon store features products in network for government agencies and other organizations. This project aims to provide a clear overview of the plans and products for customers and offer administrators customer summaries. Our project ensures an excellent user experience with responsive design, uniform color set and component style.

Responsibilities:

●Developed Verizon Product Management online services by using HTML5, CSS3, JavaScript, React, Redux and Node.js.

●Implemented above feature: reusable product component, button component and details page via HTML5, CSS3, JavaScript, React

●Utilized responsive web design mechanism by CSS media queries.

●Hands-on experience in backend development experience in Node.js and Express framework.

●Used Redux with React hook functions to store and populate the data in User Interface.

●Used React Router for forwarding user to different pages with useNavigation hook.

●Designed service endpoints to send HTTP request to access and acquire data served on Node.js and Express.

●Used Material UI to build User Interface, utilized components like form, date picker, etc.

●Used Redux to control state across all components in the application, strong knowledge in redux store, middleware, action, reducer.

●Proficient in writing React code with help of ECMAScript (ES6) and JSX.

●React Virtual DOM used for client-side view rendering services, Redux for state management and React Router for programmatic navigation.

●Implemented product page and detail page by using Material UI layout, icons and palette.

●Used Redux Thunk to handle async actions and AJAX to allow the web page to update asynchronously by exchanging data with Express server.

●Designed user authorization pipeline for sign in and sign up with Node.js and stored encrypted user information in MongoDB.

●Implemented pagination from scratch to show 10 entries on one page to enhance cleanliness.

●Performed CRUD operations to display and ensure product data synchronized with Redux store.

●Designed and implement models using Mongoose and stored data in MongoDB(NoSQL database).

●Implemented loading state and error handling by covering all the scenarios that a user may operate.

●Used Postman to build, test and modify APIs.

●Implemented easy to use Material UI plugins and icons for building modal, form, error page, success page, etc.

●Hands-on experience on using not only ES5 but also ES6 new feature like class, arrow function.

●Developed server-side micro-services platforms using Express to handle request, MongoDB (Mongoose) as database, JSON Web Tokens (JWT) with Express middleware feature to securely communicate with user interface.

●Worked with JEST unit test framework to write unit tests for React and JavaScript code.

●Extensively used debugging tools such as React Developer Tools, Redux DevTools and Chrome DevTools to investigate the issues and fix the bugs.

●Monitoring the offshore work and providing technical help to the offshore team for their JIRA tickets.

●Create the UI layout with HTML5 and CSS3. Used Material UI to implement the responsive UI layout.

●Experienced testing and troubleshooting in multiple browsers with a strong sense of web design and user experience fundamentals.

Environment: HTML5, CSS3, JavaScript, React, Redux, Node.js, Redux Thunk, JWT, AJAX, JEST, Material UI, NoSQL, JIRA, CSS media queries, Express, react hook, MongoDB, ES6, React Router, CRUD, Redux DevTools, Chrome DevTools, Mongoose

Cadence Design Systems, Inc Feb 2019 – June 2021

Role: Software Engineer

Project Description: This project aims to build User Interface for hardware design. Our team improved hardware design and generated a detailed report about the differences after improvement. The legacy way is using jupyter notebook to show results, in the newer version we will implement a UI to show the results. The new UI provide heatmap comparison, big data query result and overview of the whole hardware design, etc.

Responsibilities:

●Developed accessible, responsive regular user interface for the Innovus web application with modern JavaScript, React, Redux, HTML5, CSS3, and automation deployed the backend on Cadence Server Farm.

●Having a good knowledge of using WebSocket to enable real-time, bidirectional communication between the web server and the client (browser)

●Developed a hardware performance graph showcase page with React.

●Deployed the web application frontend on AWS.

●Used MongoDB and HDFS to store hardware information.

●Designed a good responsive UI style by using HTML5 and CSS3.

●Strong knowledge of using RESTful API to specify callback functions when server receives request from specified endpoint and HTTP method.

●Used Java Spring Boot to configure backend services and create RESTful web services.

●Implemented stable and reliable backend services by using Spring framework and provided real-time, bidirectional client-server communication with WebSocket.

●Experienced in handling content-type using Body-Parser, Multer to extracts the different types of data.

●Processing big data on Spark with Functional Programming.

●Hands-on experience with parallel, asynchronous programming and functional programming.

●Hands-on experience developing a server where parallel tasks must communicate with each other.

Environment: React, MongoDB, HDFS, Red Hat, AWS, Node.js, PySpark, Spark, Java, Spring Boot, JavaScript, Redux, HTML5, CSS3, Cadence Server Farm, WebSocket, RESTful API, Body-Parser, Multer, Spring framework, Functional Programming

EDUCATION

University of Southern California, Los Angeles, CA

Master of Computer Science

Shanghai Ocean University, Shanghai, China

Bachelor of Computer Science

Contact this candidate