SUMMARY

• 7 years experienced front - end developer working on designing website using various technologies such as React, Material UI,CSS and HTML, JavaScript.
• Expertise on React Components building and modifying to implement basic website framework.
• Experienced in implementing JavaScript functions inReact App.
• Proficient in designing website layout by using CSS and skilled with other layout modules such as CSS flexbox layout.
• Strong in using various React JS modules like Infinite Scroll to complete required features.­­­­­­
• Optimized website elements by introducing Material UI including button, text field, form and list.
• Attended multiple full-stack app developing programs. Developed and realized many featuresincluding searching any content from one list and sortingcontent by any category with JavaScript.
• Experienced in dealing with various kinds of data structure with JavaScript and JSX.
• Created React Components in multiple projects to implement various elements in React app.
• Used React component lifecycle methods to define initial state and call functions to load data from back-end.
• Designed React routers to allow users able to switch different pages while entering their URLs.
• Experienced in React-Redux to create store for data and monitored them by creating actions in Redux.
• Applied JavaScript to implement reducers to set state and actions in React-Redux and add middleware in Redux store.
• Combined reducers to make them able to be dispatched from one action creator in React-Redux.
• Knowledgeable about Bootstrap library to build powerful components and implementing useful plugins with jQuery.
• Experienced in adding website elements on browser with HTML.
• Applied REST API Web services and exchange data as JSON format by using express App.
• Skilled with back-end developing program through Node JS, interacting with MongoDB Database and MySQL Database.

TECHNICAL SKILLS

• JavaScript, C#, C, C++, SQL, Python
• React JS,HTML5, CSS3, JavaScript, React-Redux,
• Redux-Thunk, MongoDB, MySQL, Bootstrap,JSX, JSON, Axios, Express JS, Node JS, jQuery,
• Material UI, REST web services,XHTML

PROFESSIONAL EXPERIENCE

Confidential

Front-End React Developer

Responsibilities:

• Responsible for back-end server building with express App and used body-parser to constructed middleware to parse JSON body content.
• Dealt with express routers to receive required URLs and used query parameters to deliver required index and data, also used JSON to send data and got body-parser data in back-end.
• Created useful RESTful API to receive current state of professor system and send required data back.
• Implemented React-Thunk middleware to handle asynchronous problems and store data received from back-end to React-Redux to make it easier to call them from any components.
• Worked in uploading professor’s avatar by using multer middleware and designed data Schema with MongoDB .
• Constructed Axios HTTP client to make XMLHttpRequests from browsersincluding post, put, get and delete request.
• Implementedfront-end router functions with React-Router-Dom to redirect torequired pages
• Responsible for debugging functions of back-end server and test server running with Postman app.
• Created React components including professor creating component, professor editingcomponent and professor listcomponent with React JSand JSX.
• Implemented page loading while browser waiting for data download from back-end by using React-Thunk as middleware.
• Designed and used reducers to receive actions from action creators to modify store state tree in React-Redux .
• Designed list format and solider registration page format by introducing Material UI and arrange page elements with CSS .
• Added event listener to handle formsubmitting and information inputtingwith JavaScript .
• Used HTML to arrange website elements and show professors’ information in browsers.

Confidential

UI Developer

Responsibilities:

• Created HTML elements like table element , head element and button element to build website layout.
• Designed list data structure to show employees informationand organized them as from with HTML .
• Used flex-box CSS layout to organize website elements including parent elements (like form container) and child elements (like form items).
• Added color and cell interval in list page and editing-employee page to satisfy demand for user with CSS.
• Used Bootstrap CSS Framework to modify React Components such as employee list, employee creating and employee editing.
• Responsible for React components building and created several major components such as list components, user component, to implement React basic framework.
• Handled error information displaying while React App does not receive required data with conditional rendering in React App.
• Designed sticky header in list form to allow user always see form header by using Material UI .
• Introduced Text Field Input from Material UI to handle invalid input information.
• Handled front-end UI optimization and introduced Material UI to make appropriate style button .
• Implemented valid input while user submitting information that will edit content by using JavaScript .
• Worked on various functions to implement searching, sorting featureswith JavaScript .
• Designed multiple routers to link main page to creating employeepage and editing employee page by using JavaScript and HTML .

Confidential

UI Developer

Responsibilities:

• Used HTML to create Sign-Up page which includes many HTML elements like head, body and input elements.
• Designed HTML link element to link to new page and form element to display a form in website page.
• Modified form to colorful format by using CSS and styled button element in CSS.
• Introduced Bootstrap CSS framework to arrange HTML elements to show a blog page.
• Implemented submitting actions to deal with blog posting with JavaScript .
• Added event listener to load data when user slide mouse through image icon with JavaScript .
• Used Document Object Model to interact blog page with JavaScript back-end server.
• Designed selecting elements from the DOM by using jQuery to change color when head elements are clicked.
• Involved in software coding, testing, and debugging for web presentation layer using HTML and CSS .