Inventive Full Stack Developer with 6 years of comprehensive expertise in Web Development, UI/UX & Design, JavaScript/React/Node areas. Dedicated to Modern Web technology and cloud.
1. Avion Media Portal
● Work closely with the business team to identify critical features and strategically plan sprints, ensuring the timely completion of all features within six months.
● Partnered with the design team to implement best practices in responsive UI design, enhancing user experience through effective collaboration and implementation.
● Engage in partnership with fellow developers to tackle challenges together, actively problem-solve, and conduct code reviews to maintain high standards of quality and efficiency.
● Designed and developed over 6 data visualization components, leveraging advanced techniques to present complex data intuitively and visually compellingly.
● Enhanced work efficiency by 60% through the design and implementation of over 10 custom hooks and functions and encapsulated more than 5 reusable components with comprehensive documentation.
● Architected a robust routing system and user role-based layout design, ensuring seamless navigation and personalized user experiences across diverse UI properties at a global scale.
● Boosted data fetching efficiency by 60% through implementing a caching system, tailored to data sensitivity and route-sharing-friendly mechanisms, enhancing overall performance and responsiveness.
● Enhanced user experience through modern API state handling, smooth animation transitions, and optimized search functionality with debounce.
● Standardized coding style and documentation to ensure consistency and clarity across the project.
2. Microservice Server
● Built an Express server utilizing TypeORM for efficient data management and query handling.
● Teamed up with developers to collaboratively design and refine APIs, ensuring they met project specifications and aligned with industry standards for scalability and efficiency.
● Implemented RESTful APIs and rigorously tested them using debug tools for optimal functionality and performance.
Integrated MySQL data and facilitated communication with a PHP server for seamless data exchange.
1. Customer Relationship System
● This internal project focuses on managing customer information, generating and sending contracts, and facilitating booking appointments and meeting schedules, including online contract signing functionalities.
● Utilize the ECharts package and MUI X components to deploy multiple forms, facilitating data visualization and seamlessly communicating with the backend to fetch data for various periods.
● Design, test, and debug RESTful APIs using Postman to ensure seamless functionality and reliability.
● Implement search bar popup and data clearing shortcuts, resulting in a 25% boost in work efficiency.
● Enhanced SCSS animations with Framer Motion and encapsulation, resolving CSS conflicts to improve Lighthouse Performance score by 10%.
● Refactor backend database modeling and controllers, resulting in a 30% enhancement in data reading and writing efficiency.
2. Business Dashboard
● This internal project displays company sales data, generates tables, hosts data on the AWS cloud, and manages state using the useContext API.
● Boosted performance by 20% by removing Bootstrap, resolving conflicts with third-party UI libraries, and upgrading styles and CSS animations.
● Performed an upgrade of the AWS Amplify UI component for the Login page to the latest version, ensuring compatibility and leveraging the newest features.
● Developed pages featuring hook forms, seamlessly communicating with the cloud via GraphQL for efficient data retrieval and submission.
● Developed a Business Intelligence (BI) portal to track marketing performance, giving representatives insights based on weekly or monthly order data.
3. Home page of corporate promotion
● This project aims to optimize the performance of the company’s website. Developed using Next.js and TypeScript, state management was efficiently handled with Redux and Thunk middleware.
● Increased performance score from 28 to 80 through bug fixes related to animation triggers, encapsulation of HOC components, resolution of Static Generation data transfer issues, and implementation of custom hooks.
● Implemented and triggered animation effects using Framer Motion, enhancing user engagement and visual appeal.
E-commerce Online Shopping Mall
● Developed React components for single-page web applications, adhering to UX/UI designs in Adobe XD and Figma.
● Implemented global state management with Redux.
● Conducted unit tests using Jest and optimized application performance by minimizing redundant API calls.
● Enhanced branching and release strategies on Git/Bitbucket and Jira.
● Built an e-commerce furniture platform SPA with React and Redux toolkit, utilizing Express + NodeJS for the backend.
● Ensured adherence to responsive and mobile-first design principles while crafting dynamic and accessible user interfaces.
● Integrated third-party libraries for graphs and tables and implemented PayPal’s RESTful API for online payments.
● Established communication with the backend using Fetch and Axios, managed email templates with NodeMailer, and handled user authentication with JWT tokens.
Front-end: JavaScript (6yrs), HTML5 (6yrs), CSS3 (6yrs), TypeScript (6yrs), React/Redux/Hook (6yrs), NextJS (4yr), JSON, SASS/SCSS, Webpack, Jest, TDD, Bootstrap, Material UI, Restful API, WPA, BI, React-Query, Passport
Back-end: Node (6yrs), Express, Restful API, AWS, Middleware, PM2, Syslog
Database: MySQL, MongoDB, Redis
Project Management: Agile, Jira, GitHub, GitLab, Git Bash
Additional skills: Figma, React-hook-form, OAuth, JWT, Passport, Payment Gateway, Firebase, AWS, SEO, i18next internationalization, SSR, SSG, Team Player